码迷,mamicode.com
首页 > 其他好文 > 详细

关于跨域的几种方法

时间:2018-06-11 13:58:29      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:type   mes   text   跨域   charset   java   jquer   domain   pre   

基础名词解释:

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

 

 

  

关于跨域的几种方法

标签:type   mes   text   跨域   charset   java   jquer   domain   pre   

原文地址:https://www.cnblogs.com/yuqlblog/p/9166324.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!