jsonp跨域原理

  • 首先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跨域原理)