码迷,mamicode.com
首页 > Web开发 > 详细

jsonp详细原理之一

时间:2018-01-27 13:32:41      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:一个   执行   data   ons   function   document   原理   body   txt   

/*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详细原理之一

标签:一个   执行   data   ons   function   document   原理   body   txt   

原文地址:https://www.cnblogs.com/qiqi105/p/8365173.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!