蝙蝠岛资源网

Ajax请求跨域问题解决方案分析
网络编程 2024/12/26 佚名
2 0
蝙蝠岛资源网 Design By www.hbtsch.com

本文实例讲述了Ajax请求跨域问题解决方案。分享给大家供大家参考，具体如下：

几乎每种浏览器都存在默认的安全机制，都有同源策略，因为浏览器恶意的把每个外部请求的都当做是黑客攻击，相当于是对自身的保护，所以浏览器在运行脚本时会判断脚本与请求的页面是否是同一来源，这个同一来源，包括1、协议，2、地址，3、端口，只有三者都相同才被认为是同一来源。

一、解决方案：

1，在服务器端的响应头中添加一个http参数：

res.setHeader("Access-Control-Allow-Origin", "*");
res.setHeader('Access-Control-Allow-Methods', 'PUT,GET,POST,DELETE,OPTIONS');

用于告诉客户端可以访问这个跨域的资源，但是问题又来了，知道HTTP协议的同学都清楚，http是一种无状态的基于请求响应的协议，每次的请求都是全新的，服务器无法保持状态，这时我们可以利用服务器的session机制：

session是服务器的一个内存空间，当一个客户端访问服务器时，服务器会为这个客户端创建一个唯一的空间，并且给定一个编号，这个编号就是sessionid。

在响应客户端时，在响应头中加入了cookie.sessionid=xxxx，将这个cookie响应给客户端，当这个客户端下一次请求服务器时，客户端会自动将cookie写到请求头中发送给给服务器，服务器接受到这个请求之后，从请求头中取出这个sessionid，这样就可以判断是哪一个用户了。

二、解决方案：JSONP

原理：Web页面上调用js文件时则不受是否跨域的影响（不仅如此，凡是拥有”src”这个属性的标签都拥有跨域的能力，比如<script>、<img>、<iframe>）；所以，我们可以这样做，在客户端声明一个处理json的函数，这个函数作为参数传给服务器，由服务器调用(服务器生成动态的调用代码，并且把想要传给客户端的json数据作为实参注入)

jQuery已经为我们做好了一切，我们只需调用即可

例如：

客户端代码：

$.ajax({
  type: "GET",
  url: "服务器处理地址",
  dataType:"jsonp",
  jsonp: "callback",
  //传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
  //自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写""，jQuery会自动为你处理数据
  success: function( data){
    alert( 'helloworl '+ data.count );
  } ,
  error: function(msg){
    alert( msg);
  }
});
//回调函数，由服务器端调用的函数
function handle( jsonResult ){
  //处理
}
服务器代码：
//先取得传过来的回调函数名
var cb=request.callback;
//要传送给客户端的 json数据
var jsonobj=xxx
res.send("("+jsonobj+");");
//即生成类似于 handle(jsonobj); 后发送给客户端

更多关于ajax相关内容感兴趣的读者可查看本站专题：《jquery中Ajax用法总结》、《JavaScript中ajax操作技巧总结》、《PHP+ajax技巧与应用小结》及《asp.net ajax技巧总结专题》

希望本文所述对大家ajax程序设计有所帮助。

标签：
Ajax,请求跨域
蝙蝠岛资源网 Design By www.hbtsch.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
蝙蝠岛资源网 Design By www.hbtsch.com

评论“Ajax请求跨域问题解决方案分析”

暂无Ajax请求跨域问题解决方案分析的评论...
www.hbtsch.com 蝙蝠岛资源网
139,976影音资源
144,792福利资源
21,817软件资源
631,128技术资源

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？

根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
蝙蝠岛资源网 Design By www.hbtsch.com