JSONP
2019-01-18 本文已影响0人
本来无一物_f1f2
JSONP
请求方:frank.com 的前端程序员(浏览器)
响应方:jack.com 的后端程序员(服务器)
-
请求方创建script,src 指向响应方,同时传一个查询参数
?callbackName=xxx
-
响应方根据查询参数callbackName,构造形如
-
xxx.call(undefined,'你要的数据')
这样的响应 -
xxx('你要的数据')
这样的响应
-
-
这个浏览器接收刀响应,
xxx.call(undefined,'你要的数据')
-
那么请求方就知道他想要的数据
这就是JSONP
约定:
callbackName->callback
- yyy->随机数 (
let functionName ='frank'+parseInt(Math.random()*100000,10)
声明一个随机数)
使用jQuery写JSONP
$.ajax({
url:"http:jack.com:8002/pay",
dataType:"jsonp",
success:function(response){
if(response === 'success'){
amout.innerText = amount.innerText-1
}
}
})