用服务器代理解决Ajax跨越问题

来源：forYounker的专栏 - CSDNBlog

转自:http://blog.csdn.net/forYounker/archive/2007/08/28/1761817.aspx

Ajax从诞生那天起，xmlHttprequest对象不能跨域请求的问题就一直存在。跨域请求，简单来说，本地的HTML文件只能够访问本地的XML数据源，而不能够访问到其他服务器上的XML数据源文件。xmlHttprequest对象这种特性，是基于网络的安全策略。这些我在这里不详细展开。xmlHttprequest的这种安全策略，在提供安全性的同时，也引进一些限制，如，读取异域的RSS。

　　解决Ajax跨域问题，目前大概有4种方案。下面我重点讲述目前流行的解决方案---用服务器代理（中间过渡）的解决方案。中间过渡，就是在Ajax与不同域的服务器进行通讯的中间加一层过渡，这一层过渡可以是PHP、JSP、ASP、Servlet等任何具备网络通讯功能的语言，由中间层向不同域的服务器进行读取数据的操作。

　　下面我用Servlet为服务器代理，用Step by Step的方式，以一个读取异域RSS的例子，讲述这种解决方案。

＜!--[if !supportLists]--＞1、 ＜!--[endif]--＞首先在MyEclipse中，建立一个web project。然后，新建一个html文件，取名为ReadRSS.html.
此html文件的作用包括：
(1)、向本地服务器发送请求，通过本地服务器中的Servlet，向远程服务器拿rss文件。代码为：XML_Http_Request.open("GET",url,true); //true---异步; false---同步。注意，这里的url为：var url="proxyServlet?RSS_URL="+url; 这里的proxyServlet是本地服务器上的文件。
(2)、显示rss文件。processRequest函数将rss文件打印出来。
＜!--[if !supportLineBreakNewLine]--＞
＜!--[endif]--＞

代码如下：

＜html＞

＜head＞

＜meta http-equiv="Content-Type" content="text/html; charset=UTF-8"＞

＜title＞ReadRSS＜/title＞

＜script language="javascript"＞

var XML_Http_Request = false;



function createXMLHttpRequest(){

XML_Http_Request = false;



if(window.XMLHttpRequest){ //for Mozilla

XML_Http_Request = new XMLHttpRequest();

if(XML_Http_Request.overrideMimeType){

XML_Http_Request.overrideMimeType("text/xml");

}

}

else if(window.ActiveXObject){ //for IE

try{

XML_Http_Request = new ActiveXObject("Msxml2.XMLHTTP");

}catch(e){

try{

XML_Http_Request = new ActiveXObject("Microsoft.XMLHTTP");

}catch(e){}

}

}

}



function send_Request(url){

/*The function send_request has some other parameters.

function send_request(url,Parameter1,Parameter2,...,Parametern){

*/

var url="proxyServlet?RSS_URL="+url;

createXMLHttpRequest();



if(!XML_Http_Request){

window.alert("Cannot create XMLHttpRequest instance!");

return false;

}



XML_Http_Request.onreadystatechange = processRequest;

/*The function processRequest has some parameters.

XML_Http_Request.onreadystatechange = function(){

processRequest(Parameter1,Parameter2,...,Parametern);

};

*/



XML_Http_Request.open("GET",url,true); //true---异步; false---同步

XML_Http_Request.send(null);

}



function processRequest(){

/*The function processRequest has some parameters.

function processRequest(Parameter1,Parameter2,...,Parametern){

*/

if(XML_Http_Request.readyState == 4) {

if(XML_Http_Request.status == 200) {

/*******************************************************************************/

//statements

var results = XML_Http_Request.responseXML;

var title = null;

var item = null;

var link = null;

var description = null;

var ccc = results.getElementsByTagName("channel");

var headtitle = ccc[0].getElementsByTagName("title")[0].firstChild.nodeValue;

var headlink = ccc[0].getElementsByTagName("link")[0].firstChild.nodeValue;

var cell = document.createElement("div");

cell.innerHTML = "＜h1＞＜a href="+headlink+" target=_blank＞"+headtitle+"＜/a＞＜/h1＞＜br＞";

document.getElementById("result").appendChild(cell);

var items = results.getElementsByTagName("item");

for(var i = 0; i ＜ items.length; i++) {

item = items[i];

link=item.getElementsByTagName("link")[0].firstChild.nodeValue;

title = item.getElementsByTagName("title")[0].firstChild.nodeValue;

var cell = document.createElement("div");

cell.innerHTML = "＜li＞＜a href="+link+" target=_blank＞"+title+"＜/a＞＜/li＞＜br＞";

document.getElementById("result").appendChild(cell);

}

/*******************************************************************************/

}

}

}

＜/script＞

＜/head＞

＜body onLoad="javascript:send_Request('http://localhost:7001/AjaxProxy/rss2.xml'); "＞

＜div id="result"＞

＜/div＞

＜/body＞
＜/html＞

＜!--[if !supportLists]--＞2、 ＜!--[endif]--＞新建一个servlet，命名为ProxyServlet.java。修改web.xml文件，＜url-pattern＞ProxyServlet＜/url-pattern＞，以匹配html向本地服务器请求的地址。这样，将html与servlet连接起来，让servlet来获取异域rss的xml文件。ProxyServlet.java主要功能是将异域rss的xml文件response出来。

代码如下：

package action;

import java.io.IOException;

import java.io.InputStream;

import java.io.OutputStream;

import java.net.URL;

import java.net.URLConnection;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;



public class ProxyServlet extends HttpServlet {

private static final long serialVersionUID = 1L;

private int READ_BUFFER_SIZE = 1024;



public void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

String urlString = request.getParameter("RSS_URL");

writeResponse(response, urlString);

}



private void writeResponse(HttpServletResponse response, String urlString) throws ServletException{

try {

URL url = new URL(urlString);

URLConnection urlConnection = url.openConnection();

response.setContentType(urlConnection.getContentType());

InputStream ins = urlConnection.getInputStream();

OutputStream outs = response.getOutputStream();

byte[] buffer = new byte[READ_BUFFER_SIZE];

int bytesRead = 0;

while ((bytesRead = ins.read(buffer, 0, READ_BUFFER_SIZE)) != -1) {

outs.write(buffer, 0, bytesRead);

}

System.out.println(outs);

outs.flush();

outs.close();

ins.close();

} catch (Exception e) {

try {

response.sendError(HttpServletResponse.SC_INTERNAL_SERVER_ERROR, e.getMessage());

} catch (IOException ioe) {

throw new ServletException(ioe);

}

}

}

}

转载于:https://www.cnblogs.com/xzyeah/archive/2009/04/19/1439320.html