关于跨域的几种方法

基础名词解释:

  跨域是基于浏览器对 javascript 同源策略的限制的解决之法。

  关于同源,即协议,域名及端口需一致。

跨域方法:

  1.jsonp,一种双方约定的信息传递的方法。

    我们知道,通常在调用 js 文件(<script src="">),图片(<img src="">)或框架(<iframe>)的时候不受跨域的影响,因此可以将需要 res 的数据装进 server 的 js 文件内,用以 client req。

    该协议的要点就是允许用户传递一个 callback 参数给服务器。

  2.后端配置

    请求头 Access-Control-Allow-Origin 设置 "*" 或指定IP

演示:

  1.jsonp,注意调用的顺序

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Insert title here</title>
</head>
<body>
<div id='testdiv'></div>
<script type="text/javascript">
  var message = function(data) {
    alert(data[1].title);
  };
  var url = "https://files.cnblogs.com/files/yuqlblog/cross-domain.js";
  var script = document.createElement('script');
  script.setAttribute('src',url);
  document.getElementsByTagName('body')[0].appendChild(script);
</script>
</body>
</html>

  

  1.1jsonp 基于 jquery 的跨域

  

猜你喜欢

转载自www.cnblogs.com/yuqlblog/p/9166324.html