jsonp详细原理之一

Posted qiqi105

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jsonp详细原理之一相关的知识,希望对你有一定的参考价值。

/*script标签是不存在跨域请求的,类似的还有img,background:url,link

 你可以想象一下,平时的这些标签都是可以直接引入外部资源的,所以是不存在跨域问题的*/

function getData(res){
console.log(res.data);
}
/*这里创建一个JS标签,相当于把data.js里面的内容放在当前页面进行执行,这里的data.js里面只要是js执行文件,都可以加载进来进行执行。你也可以把data.js变为一个data.txt,只要里面是正确的js文件书写格式都行。这是最基本的jsonp执行原理*/
var script=document.createElement(‘script‘);
script.src="data.js";
document.body.appendChild(script);
/*data.js内容
getData({data:‘hello world‘});
*/
/*以上内容替换为:如下*/
/*function getData(res){
console.log(res.data);
}
getData({data:‘hello world‘});*/

 















以上是关于jsonp详细原理之一的主要内容,如果未能解决你的问题,请参考以下文章

jsonp的原理与实现

解决Ajax 跨域问题 - JSONP原理解析

基于原生JS的jsonp方法的实现

jsonp原理和jquey jsonp原理实践

JSONP原理小记

JSONP原理解析