前端学习

JSONP

2019-01-18  本文已影响0人  本来无一物_f1f2

JSONP

请求方:frank.com 的前端程序员(浏览器)
响应方:jack.com 的后端程序员(服务器)

  1. 请求方创建script,src 指向响应方,同时传一个查询参数?callbackName=xxx

  2. 响应方根据查询参数callbackName,构造形如

    1. xxx.call(undefined,'你要的数据')这样的响应

    2. xxx('你要的数据')
      这样的响应

  3. 这个浏览器接收刀响应,xxx.call(undefined,'你要的数据')

  4. 那么请求方就知道他想要的数据

这就是JSONP

约定:

  1. callbackName->callback
  2. 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
        }
    }
})
上一篇下一篇

猜你喜欢

热点阅读