首页 > Web开发 > 详细

jsonp对付同源策略

时间:2018-04-12 20:38:50      阅读:182      评论:0      收藏:0      [点我收藏+]

     当 协议不同或者域名/ip不同或者端口号不同 ,  都不算是同源

  这时候 源生的ajax 就不能进行数据请求了

  

  JSONP  json with padding

  在平时的开发中也发现了  ,当我们请求  js, css,图片 等资源的时候  无论是不是本地,国外的都行,哪的都行。

  

  用script标签来请求 跨域的资源就是  jsonp

  不用其他标签因为   script标签请求来的内容都会被当做js代码,json 是源生js支持的数据类型,并且json 可以表达复杂的数据,所以天生的就是有天赋

jsonp.js    我们就在本地  用fille直接打开呆这段js 的html

function jsonpCallback (result) {
      console.log(result);
    }
    var JSONP = document.createElement(‘script‘);
    JSONP.type = ‘text/javascript‘;
    JSONP.src = "http://localhost/ajaxphp/result.php?callback=jsonpCallback";
    document.getElementsByTagName(‘head‘)[0].appendChild(JSONP);
//? name&value    这个url就是模拟 get请求 目标php文件

result.php  运行本地的服务器  服务器上的 php文件

<?php
  $arr = Array(‘a‘=>1,‘b‘=>2,‘c‘=>3);
  $result = json_encode($arr);
  $callback = $_GET[‘callback‘];
  echo $callback."($result)";
  ?>

 

上面这两个文件   是跨域的  但是仍然可以顺利的访问

技术分享图片

 

jQuery中的  ajax 是封装过的   就是将正常的ajax和jsonp封装到了一起,其实跨域的还是  jsonp

 

jsonp对付同源策略

原文:https://www.cnblogs.com/96weibin/p/8810022.html

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