Ajax请求跨域问题解决方案分析

站长资源 2024/11/24 佚名

2 0 1

本文实例讲述了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,请求跨域

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

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

暂无评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新日志

2024年11月24日

Ajax请求跨域问题解决方案分析

SpringMVC+Jquery实现Ajax功能

关于Ajax跨域问题及解决方案详析

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

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新日志

友情链接