jsonp

作者: stutterr | 来源:发表于2017-10-21 22:56 被阅读11次

用途

主要用来解决api使用的跨域问题
JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。

实现原理

首先它发送的并不是ajax请求,其实时利用动态创建一个script标签(script没有同源策略限制的,可以跨域),然后把我们这个script的src指向请求服务端的地址。 这个地址通常有一个参数表示callback

  • 请求地址<script type="text/javascript" src=http://www.yiwuku.com/myService.aspx?jsonp=callbackFunction"></script>

  • 在客户端写callbackFunction 函数用来获取处理数据

    function callbackFunction(result,methodName)
    

jquery 中体现如下

$.ajax({
    dataType:'jsonp',
    data:'id=10',
    jsonp:'jsonp_callback',
    url:'http://www.yiwuku.com/getdata',
    success:function(){
    //dostuff
    },
});

相关文章

网友评论

      本文标题:jsonp

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