首页 > Web开发 > 详细

js----jsonp原理

时间:2019-02-20 11:55:50      阅读:151      评论:0      收藏:0      [点我收藏+]

参考

https://blog.csdn.net/yemuxia_sinian/article/details/78792771

jsonp

jsop实现跨域请求

json 是一种数据格式,jsonp 是一种数据调用的方式,带callback的json就是jsonp!

原理

动态创建script标签,利用src属性,因为src属性可以进行跨域

jsonp通过在服务端用一个回调函数把数据一起包裹起来并返回给客户端
然后客户端写好回调(处理数据),并动态创建一个script节点,通过src属性来调用服务端返回的回调函数。

客户端

<script>
function callback(data){
  console.log(data);
}

var scriptDom = document.createElement(‘script‘);
scriptDom.src = "http://localhost:8082/getdata?cb=callback";
document.body.appendChild(scriptDom);

</script>


 

js----jsonp原理

原文:https://www.cnblogs.com/SRH151219/p/10405504.html

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