美文网首页
jsonp跨域原理

jsonp跨域原理

作者: 儒生 | 来源:发表于2017-01-13 14:29 被阅读0次
    • 首先json是一种基于文本的数据交换方式/或者叫做数据描述格式

    当一个网页在请求文件的时候不受跨域的影响凡是拥有src 属性的标签都拥有跨域的能力,所以我们用script 标签的跨域能力让它用一个callback函数包裹着一段json格式的数据返回前端页面在执行这个函数就可以读取到数据了

    function jsonpTest(){
        var  script=document.createElement("script");
        script.setAtrribute("type","text/javascript");
        script.setAtrribute("scr","url");
        document.appendChild(script);
    }
    
    //jquery
    $.ajax({
        url:"",
        type:"get",
         dataType:"jsonp",
         jsonpCallback:JSON_CALLBACK,
        success:function(ret){
          console.log(ret); 
        }
    })
    function JSON_CALLBACK(data){
          console.log(data);
    }
    

    相关文章

      网友评论

          本文标题:jsonp跨域原理

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