ajax跨域问题（三种解决方案

• 跨域问题来源于Javascript的同源策略&＃xff0c;即只有 协议&＃43;主机名&＃43;端口号 (如存在)相同&＃xff0c;则允许相互访问。也就是说Javascript只能访问和操作自己域下的资源&＃xff0c;不能访问和操作其他域下的资源。跨域问题是针对JS和ajax的&＃xff0c;html本身没有跨域问题&＃xff0c;比如a标签、script标签、甚至form标签&＃xff08;可以直接跨域发送数据并接收数据&＃xff09;等
  

如何解决跨域问题

• JSONP
  　　JSONP是JSON with Padding的略称。它是一个非官方的协议&＃xff0c;它允许在服务器端集成Script tags返回至客户端&＃xff0c;通过Javascript callback的形式实现跨域访问&＃xff08;这仅仅是JSONP简单的实现形式&＃xff09;。关于jsonp的使用方式&＃xff0c;可以参考http://blog.csdn.net/alen1985/article/details/6365394&＃xff0c;优缺点可以参考http://blog.csdn.net/z69183787/article/details/19191385　　
• 添加响应头&＃xff0c;允许跨域
  　　addHeader(‘Access-Control-Allow-Origin:*’);//允许所有来源访问
  　　addHeader(‘Access-Control-Allow-Method:POST,GET’);//允许访问的方式
• 代理的方式
  服务器A的test01.html页面想访问服务器B的后台action&＃xff0c;返回“test”字符串&＃xff0c;此时就出现跨域请求&＃xff0c;浏览器控制台会出现报错提示&＃xff0c;由于跨域是浏览器的同源策略造成的&＃xff0c;对于服务器后台不存在该问题&＃xff0c;可以在服务器A中添加一个代理action&＃xff0c;在该action中完成对服务器B中action数据的请求&＃xff0c;然后在返回到test01.html页面。

Demo1(添加允许跨域请求的响应头)

• html页面
  

• Web后台
  
  
  按照上面的访问&＃xff0c;由于127.0.0.1:8080和localhost:8081的域和端口不同&＃xff0c;所以同样会出现跨域问题。
  

现在用添加响应头的方式

Demo2(jsonp的callback方式)

这里演示的是jquery的ajax&＃xff0c;后台采用的是webservice接口形式

注意此时的dataType为jsonp格式&＃xff0c;看看后台的接收
&＃xff0c;
我们返回的其实就是一个函数的调用文本&＃xff0c;这里注意&＃xff0c;callback的名称&＃xff0c;由于前台没有指定callback函数&＃xff0c;所以这里自动生成了&＃xff0c;如果想自定义回调函数名称如下操作&＃xff0c;添加一行请求参数

这样后台的回调函数名就变成了mytest

浏览器发出的请求格式和响应数据如下&＃xff0c;其实就是返回函数的调用&＃xff0c;而需要返回的数据则以函数参数值的形式填入

此时控制台就能够获取到“hello world”

推荐参考资料&＃xff1a;
http://www.cnblogs.com/chopper/archive/2012/03/24/2403945.html