AJAX实现跨域访问的两种方法_H5之家 - 中国HTML5教程资源分享第一站

下面为大家带来一篇AJAX实现跨域访问的两种方法。在这里详细讲解一下，希望对您的学习PHP有所帮助。

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

代码如下：
HTML的JS的ajax请求：

/* 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 = ":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);

servlet代码:

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", "*");
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代码:

servlet的代码:

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());
}
}
}

以上就是关于AJAX实现跨域访问的两种方法的内容，希望已经解决你的问题。

【三零网】Q3060.com 提供手机学院、CMS教程、网络编程、数据库、脚本相关、软件编程、互联网、电脑教程、网页特效等内容，有问题请联系我们。

延伸阅读:
·PHP浅析CI框架实现AJAX分页
·PHP+Ajax实现表单验证示例
·ajax+php中文乱码的解决方法
·ajax请求被挂起取消方法
·PHP实现Iframe跨域访问Cookie和Session示例
·PHP 实现AJAX获取网页并输出
·ThinkPHP内置ThinkAjax实现异步传输技术示例
·php解决XMLHttpRequest(Ajax)不能设置自定义的Referer
·php+Ajax实现唯一校验示例
·php判断一个请求是ajax请求还是普通请求
·PHP实现ajax 的post方法示例
·php利用Ajax实现异步文件上传示例
·php浅析ajax框架xajax入门和用法示例
·asp+ajax实现二级联动菜单
·php+Ajax实现进度条显示