关于跨域的几种方法

Posted yuqlblog

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于跨域的几种方法相关的知识，希望对你有一定的参考价值。

基础名词解释：

　　跨域是基于浏览器对 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 的跨域

 

 

　　

以上是关于关于跨域的几种方法的主要内容，如果未能解决你的问题，请参考以下文章

跨域的几种方法及案例代码

跨域以及解决跨域的几种方式

跨域的几种方法

跨域的几种方法

Springboot 配置cors 跨域的几种方法

javascript跨域的几种方法