jsonp解决跨域问题

最新推荐文章于 2023-08-20 15:00:02 发布

张小锐

最新推荐文章于 2023-08-20 15:00:02 发布

阅读量282

点赞数

本文链接：https://blog.csdn.net/zhangxiaorui_9/article/details/77040650

版权

 
 利用<script>标签没有跨域限制的“漏洞”（历史遗迹）来达到与第三方通讯的目的。 

 
  第三方产生的响应为json数据的包装（故称之为jsonp，即json padding） 
 
  它的基本思想是，网页通过添加一个 
  <script> 
  元素，向服务器请求JSON数据，这种做法不受同源政策限制；服务器收到请求后，将数据放在一个指定名字的回调函数里传回来。 
 
  首先，网页动态插入 
  <script> 
  元素，由它向跨源网址发出请求。 
 
   上面代码通过动态添加 
   <script> 
   元素，向服务器 
   example.com 
   发出请求。注意，该请求的查询字符串有一个 
   callback 
   参数，用来指定回调函数的名字，这对于JSONP是必需的。 
  
服务器收到这个请求以后，会将数据放在回调函数的参数位置返回。 
    由于 
    <script> 
    元素请求的脚本，直接作为代码运行。这时，只要浏览器定义了 
    foo 
    函数，该函数就会立即调用。作为参数的JSON数据被视为JavaScript对象，而不是字符串，因此避免了使用 
    JSON.parse 
    的步骤。