• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
qiqi105
博客园    首页    新随笔    联系   管理    订阅  订阅

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'});*/

 

posted @ 2018-01-27 10:54  qiqi105  阅读(104)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3