1.通过中间过渡层解决跨域问题
 
1)通过Web代理服务器将不同域的应用统一通过代理服务器进行隔离,所有的应用都在一个域名下面了。(比如apache,nginx等) 


(2)跨域的安全限制都是指浏览器端来说的.服务器端是不存在跨域安全限制的,所以通过本机服务器端通过类似httpclient方式完成“跨域访问”的工作。 
2.通过<script>标签解决跨域问题 
注意:凡是拥有"src"这个属性的标签都拥有跨域的能力,比如<script>、<img>、<iframe> 
示例: 
前台脚本: 
Java代码 

Java代码  收藏代码

  1. <script type="text/javascript">    

  2.     var flightHandler = function(data){    

  3.         alert('你查询的航班结果是:票价 ' + data.price + ' 元,' + '余票 ' + data.tickets + ' 张。');    

  4.     };    

  5.         

  6.     var url = "http://abc.com:8080/AjaxCrossDomain/data/data.jsp?code=CA1998&callback=flightHandler";    

  7.        

  8.     var script = document.createElement('script');    

  9.     script.setAttribute('src', url);    

  10.         

  11.     document.getElementsByTagName('head')[0].appendChild(script);     

  12. </script>    


后台data.jsp内容: 

Java代码  收藏代码

  1. <%@ page language="java" pageEncoding="UTF-8"%>    

  2. <%    

  3. String callback = request.getParameter("callback");    

  4.     

  5. StringBuilder builder = new StringBuilder();    

  6. builder.append(callback).append("({").append("\"code\": \"CA1998\",").append("\"price\": 1780,").append("\"tickets\": 5").append("});");    

  7.     out.println(builder.toString());    

  8. %>    


使用jquery的jsonp来实现跨域访问,例子如下: 

Java代码  收藏代码

  1. <script type="text/javascript">    

  2.      $(function(){    

  3.         $.ajax({    

  4.              type: "get",    

  5.              async: false,    

  6.              url: "http://abc.com:8080/AjaxCrossDomain/jsonp/data.jsp",    

  7.              dataType: "jsonp",    

  8.              jsonp: "callback",    

  9.              jsonpCallback:"flightHandler",    

  10.              success: function(json){    

  11.                  alert('您查询到航班信息:票价: ' + json.price + ' 元,余票: ' + json.tickets + ' 张。');    

  12.              },    

  13.              error: function(){    

  14.                  alert('fail');    

  15.              }    

  16.          });    

  17.      });    

  18.          

  19.      </script>