JSONP

作者: zhangyuwen | 来源:发表于2018-04-03 22:06 被阅读0次

    1.jsonp是用来实现跨域通信的一种方法。原理如下:

    利用script标签的src属性来实现跨域,即:在客户端动态添加script然后将url指向要请求的地址;
    将前端方法作为参数传递到服务器,服务器响应之后再返回
    

    2.jsonp实现过程:

     请求方:frank.com 的前端程序员(浏览器)
     响应方:jack.com 的后端程序员(服务器)
     请求方创建 script,src 指向响应方,同时传一个查询参数 ?callbackName=yyy
     响应方根据查询参数callbackName,构造形如
     yyy.call(undefined, '你要的数据')
     yyy('你要的数据')
     这样的响应
     浏览器接收到响应,就会执行 yyy.call(undefined, '你要的数据')
     那么请求方就知道了他要的数据
    

    大家的约定为:

    callbackName -> callback
    yyy -> 随机数 adsfaf12312312312321325()

    3.用jQuery实现jsonp

    $.ajax({
     url: "http://jack.com:8002/pay",
     dataType: "jsonp",
     success: function( response ) {
         if(response === 'success'){
         amount.innerText = amount.innerText - 1
         }
     }
     })
    

    相关文章

      网友评论

        本文标题:JSONP

        本文链接:https://www.haomeiwen.com/subject/lbfhhftx.html