加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 23:35:31 所属栏目:百科 来源:网络整理
导读:新的W3C策略实现了HTTP跨域访问,还亏我找了很久的资料解决这个问题: 只需要在servlet中返回的头部信息中添加FONT style="COLOR: #ff0000"Access-Control-Allow-Origin 这个既可。 比如我要开放所有我本地的跨域访问,就设置如下:FONT style="COLOR: #ff00

新的W3C策略实现了HTTP跨域访问,还亏我找了很久的资料解决这个问题:
只需要在servlet中返回的头部信息中添加<FONT style="COLOR: #ff0000">Access-Control-Allow-Origin这个既可。
比如我要开放所有我本地的跨域访问,就设置如下:<FONT style="COLOR: #ff0000">response.setHeader("Access-Control-Allow-Origin","http://127.0.0.1/");
这样我本地的A工程中的AJAX请求就可以跨域请求B工程中的servlet。

代码如下:
<FONT style="COLOR: #ff0000">HTML的JS的ajax请求:

<div class="codetitle"><a style="CURSOR: pointer" data="45945" class="copybut" id="copybut45945" onclick="doCopy('code45945')"> 代码如下:<div class="codebody" id="code45945">
/
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);

<FONT style="COLOR: #ff0000">servlet代码:

<div class="codetitle"><a style="CURSOR: pointer" data="37659" class="copybut" id="copybut37659" onclick="doCopy('code37659')"> 代码如下:<div class="codebody" id="code37659">
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脚本来传递数据。因此根据这个思想我又做了下面代码的测试:

页面的JS代码:

<div class="codetitle"><a style="CURSOR: pointer" data="15633" class="copybut" id="copybut15633" onclick="doCopy('code15633')"> 代码如下:<div class="codebody" id="code15633">
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);
}

<FONT style="COLOR: #ff0000">servlet的代码:

<div class="codetitle"><a style="CURSOR: pointer" data="55154" class="copybut" id="copybut55154" onclick="doCopy('code55154')"> 代码如下:<div class="codebody" id="code55154">
protected void service(HttpServletRequest req,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());
}
}
}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读