jsonp的工作原理，观后必然懂！！！

Posted 2021-02-05 marune

jsonp的工作原理：

动态创建script标签，通过script标签中的src跨域属性，连接对方接口，并将回调函数通过接口传递给对方。

对方服务器在准备好数据后再通过调用回调函数并以传递参数的方式将数据返回来。

用代码给大家封装一个函数：

function getDate(url,req){
var newData = ‘‘;
var oScr = document.createElement(‘script‘);
oScr.src = url + ‘wd=‘ + req + ‘&cb=‘ + fn;
window.fn = function(data){
newData = data;
}
document.getElementsByTagName(‘head‘)[0].appendChild(oScr);
return newData;
}