源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

AJAX的跨域访问-两种有效的解决方法介绍

  • 时间:2020-04-09 08:18 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:AJAX的跨域访问-两种有效的解决方法介绍
新的W3C策略实现了HTTP跨域访问,还亏我找了很久的资料解决这个问题: 只需要在servlet中返回的头部信息中添加Access-Control-Allow-Origin这个既可。 比如我要开放所有我本地的跨域访问,就设置如下:response.setHeader("Access-Control-Allow-Origin", "http://127.0.0.1/*"); 这样我本地的A工程中的AJAX请求就可以跨域请求B工程中的servlet。 [b]代码如下: HTML的JS的ajax请求: [/b]
[u]复制代码[/u] 代码如下:
/* Create a new XMLHttpRequest object to talk to the Web server */ var xmlHttp = false; /*@cc_on @*/ /*@if (@_jscript_version >= 5) try {     xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {     try {   xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");     } catch (e2) {   xmlHttp = false;     } } @end @*/ if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {      xmlHttp = new XMLHttpRequest(); } var url = "http://127.0.0.1:2012/esb/servlet/HttpClient?randomType=MIX"; xmlHttp.open("GET", url, true); //Setup a function for the server to run when it's done xmlHttp.onreadystatechange = function(){     if (xmlHttp.readyState == 4) {   var response = xmlHttp.responseText;   alert(response); } } //Send the request xmlHttp.send(null);
[b]servlet代码: [/b]
[u]复制代码[/u] 代码如下:
protected void service(HttpServletRequest req, HttpServletResponse resp)  throws ServletException, java.io.IOException { resp.setHeader("Pragma", "no-cache"); resp.setHeader("Cache-Control", "no-cache"); //下面那句是核心 resp.setHeader("Access-Control-Allow-Origin", "http://127.0.0.1/*"); resp.setDateHeader("Expires", 0); ServletOutputStream sos = resp.getOutputStream(); try {      sos.write(obj.toString().getBytes("GBK"));  } catch (Exception e) {      System.out.println(e.toString90)  } finally {   try { sos.close();   } catch (Exception e) { LOG.error(e);   }  } }
代码在本机测试是可以的,待过两天,我把servlet放到服务器上去,然后再本地测试。 上面的方式虽然很完美的解决了问题,但是上面的文章也说了。可能存在安全问题,而且新标准是否都支持还是个问题,所以我们可以套用另外一种取巧的方式来完成同样的效果,因为js不存在跨域问题,如果我们服务器的servlet返回的是JS脚本,那就可以了。我们可以在A工程的js中使用javascript的src来访问B工程的servlet,然后通过servlet输出的js脚本来传递数据。因此根据这个思想我又做了下面代码的测试: [b]页面的JS代码: [/b]
[u]复制代码[/u] 代码如下:
function loadAjax(){      id="testesbscript";      oScript = document.getElementById(id);      var head = document.getElementsByTagName("head").item(0);      if (oScript) {   head.removeChild(oScript);     }     oScript = document.createElement("script");     var url = "http://127.0.0.1:2012/esb/servlet/HttpClient?randomType=MIX&success=justHandle     oScript.setAttribute("id",id);     oScript.setAttribute("type","text/javascript");     oScript.setAttribute("language","javascript");     head.appendChild(oScript); } //jsutHandle这个函数是反调函数。servlet代码中会使用eval这种方式来执行。 function justHandle(dd){     alert(dd); }
[b]servlet的代码: [/b]
[u]复制代码[/u] 代码如下:
protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, java.io.IOException { Object obj = "test"; ServletOutputStream sos = resp.getOutputStream(); StringBuffer sb = new StringBuffer(); resp.setCharacterEncoding("GBK"); resp.setHeader("Charset","GBK"); resp.setContentType("charset=GBK"); //下面那句表明是javascript脚本文件 resp.setContentType("text/javascript"); sb.append("eval(/""+paramMap.get("success")+"(/'"+obj.toString()+"/')/")"); try {     sos.write(sb.toString().getBytes(this.character_encoding)); } catch (Exception e) {     System.out.println(e.toString()); } finally {      try {    sos.close(); } catch (Exception e) {    System.out.println(e.toString()); } } }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部