Ajax通过代理跨域访问

 

    Ajax调用远程服务器数据会出现拒绝访问的问题。这是因为基于安全的考虑，AJAX只能访问本域下的资源，而不能跨域访问。也就是说，domain1.com站点中的AJAX只能访问domain1.com站点下的资源,而不能跨域访问domain2.com站点中的资源，这就是AJAX跨域问题。

    解决思路：页面在提交请求时，浏览器会进行Form身份验证（Form即为表单，每个页面都有一个Form标签），像不同域数据的获取就被认为是不安全的，所以拒绝访问。解决思路就是通过这个Form身份验证，或绕过身份验证。

    解决AJAX跨域问题有几种方法，这里我们只讨论最常用的一种方法---使用AJAX代理解决AJAX跨域问题。 即在domain1.com站点中使用动态网页(ASP,PHP,JSP等)作为代理页面读取domain2.com站点中的资源, 然后在domain1.com站点中使用AJAX读取本域下的代理页面。

    举例说明（以asp.net为例）：页面a.aspx在域domain1.com中，页面b.aspx在域domain2.com中，a.aspx通过ajax请求b.aspx数据

则为跨域。在域domain1.com放置代理页面temp.aspx，那么a.aspx访问temp.aspx就是同一域了。而temp.aspx再去访问b.aspx返回数据给a.aspx，这样问题是不是已经解决了呢，temp.aspx访问b.aspx不也是跨域访问吗？

    这就是重点：a.aspx访问temp.aspx发送请求时已通过Form身份验证了，请求已到达服务器端，而temp.aspx在服务器端访问获取b.aspx的数据则不存在Form身份验证，所以代理页面temp.aspx代码应该运行在服务器端，也就是将获取数据的代码写到temp.cs当中即可。

 

示例（部分重要源码）：

 

1、域domain1.com中的a.aspx通过Ajax请求代理页面NetProxy.aspx（有参数与无参数的两种请求方法）

// ajax异步调用Webservice function Call(flag) { // 用http Post方法实现调用 if(true==flag) { // 可取相对地址与绝对地址（webService所在的地址） var url = "../AjaxProxy/NetProxy.aspx?flag=1&f=setDivContent"; request.open("POST",url, false); request.setRequestHeader ("Content-Type","application/x-www-form-urlencoded"); request.setRequestHeader ("Content-Length",2); // 2即为参数的个数 request.onreadystatechange = updatePage; var strName=document.getElementById("userName").value; var strPwd=document.getElementById("userPwd").value; request.send("userName="+strName+"&userPwd="+strPwd); //发送参数的数据，可自行组合 } else { // 可取相对地址与绝对地址（webService所在的地址） var url = "../AjaxProxy/NetProxy.aspx"; request.open("POST",url, false); request.setRequestHeader ("Content-Type","application/x-www-form-urlencoded"); request.onreadystatechange = Show; request.send(null); //发送参数的数据，可自行组合 } }

2、域domain1.com中代理页面NetProxy.aspx（后台代码）

 

其中// 需要请求数据的页面地址
        StringBuilder str_ServerUrl = new StringBuilder("http://domain2.com/b.aspx");这句代码就是定义domain2.com中国b.aspx的绝对地址，请根据实际需求自己更改。本实例中是"http://localhost/WebService/CallWebService/ResponseData/GetValue.aspx"，自己测试使用。

 

3、域domain2.com中b.aspx页面代码：

public partial class GetValue : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { string str_flag=Request.QueryString["flag"]; bool b_ReturnOnly=false; if (!String.IsNullOrEmpty(str_flag)) { if ("1" == str_flag) b_ReturnOnly = true; } ResponseValue(b_ReturnOnly); } } /// <summary> /// /// </summary> /// <param name="returnOnly">有无回调函数标志，true：只返回数据，无回调函数false：调用回调函数</param> public void ResponseValue(bool returnOnly) { string result = "HelloWorld"; if (returnOnly) { string f = Request.QueryString["f"]; Response.Clear(); Response.ContentType = "application/x-javascript"; Response.Write(result); Response.End(); } else { string f = Request.QueryString["f"]; Response.Clear(); Response.ContentType = "application/x-javascript"; Response.Write(String.Format(@"{0}('{1}')", f, result)); Response.End(); } } }

代码仅供参考，请自己根据实际情况编写。

详细源码下载地址：http://download.csdn.net/source/2094079