這篇文章主要為大家詳細介紹了解決AJAX的跨域訪問-兩種有效示例，具有一定的參考價值，可以用來參考一下。

感興趣的小伙伴，下面一起跟隨512筆記的小玲來看看吧！新的W3C策略實現了HTTP跨域訪問，還虧我找了很久的資料解決這個問題：

只需要在servlet中返回的頭部信息中添加Access-Control-Allow-Origin這個既可。

比如我要開放所有我本地的跨域訪問，就設置如下：response.setHeader("Access-Control-Allow-Origin", "http://127.0.0.1/*");

這樣我本地的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 = "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);

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", "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代碼:

代碼如下:

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

}

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的跨域訪問-兩種有效示例的內容就先介紹到這里，更多相關文章的可以留意512筆記的其他信息。

關鍵詞：

您可能感興趣的文章

總結

以上是生活随笔為你收集整理的vb跨域访问ajax,解决AJAX的跨域访问-两种有效示例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。