js----jsonp原理

参考

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>

 

猜你喜欢

转载自www.cnblogs.com/SRH151219/p/10405504.html