首页 > Web开发 > 详细

再次理解JSONP

时间:2020-02-08 23:55:01      阅读:138      评论:0      收藏:0      [点我收藏+]
  window.callback = function(result) {
      console.log(result);
  };

  var JSONP = document.createElement(script);
  JSONP.type = text/javascript;
  JSONP.src = "https://opendata.baidu.com/api.php?query=%E5%85%A8%E5%9B%BD&resource_id=39258&tn=wisetpl&format=json&cb=" + callback;
  document.getElementsByTagName("head")[0].appendChild(JSONP);

理解如下:

1、jsonp的原来就是动态向html中插入script标签

2、此script标签的src是请求的接口,因为src是get的请求方式,所以jsonp只适合用于get请求

3、src链接后面的cb回调函数,是需要和后台协商一致的,后台会把数据当做回调函数的参数传进来,所以jsonp是需要后台配合的

4、由于script标签使用src引入资源,在当前页面中是会直接执行的,所以等结果请求返回之后,cb回调函数就是立即执行,拿到后台的数据

至此完毕

再次理解JSONP

原文:https://www.cnblogs.com/gopark/p/12285496.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!