根据Ajax与XMLHttpRequest对象一文的介绍,我们可以开发一个简单的Ajax框架供以后开发应用。
首先要知道Ajax的开发流程:
1:初始化XMLHttpRequest,这一步要考虑跨浏览器的问题。
2:设置XMLHttpRequest对象的onReadyStateChange属性,指定服务器返回响应数据时要调用的回调函数,即指定响应处理函数,
3:调用XMLHttpRequest对象的open方法,创建http请求。
4:调用XMLHttpRequest对象的setResouceHeader等方法,设置必要的http请求头信息。
5:调用XMLHttpRequest对象的send方法,发送之前创建的http请求。
6:根据XMLHttpRequest对象的open方法参数,决定等待或者不等待服务器回响应数据。如果服务器返回响应数据,则将控制权交给之前设置回调函数。

了解上面的流程后,我们来一步步的解析和示范,形成一个发送和接收XMLHttpRequest请求的Ajax应用程序框架。
一个简单的Ajax开发框架//定义XMLHttpRequest对象实例
一个简单的Ajax开发框架
var http_request = false;
一个简单的Ajax开发框架
//定义创建跨浏览器XMLHttpRequest方法
一个简单的Ajax开发框架
function createXMLHttpRequest()
一个简单的Ajax开发框架//然后在以后的每个需要应用Ajax的页面中引入
一个简单的Ajax开发框架
<script language="javascript" src="ajax.js"></script>

这个Ajax应用程序开发框架现在还是一个简单的初步的框架,其目的就是通过这个框架的示范,形式一个使用Ajax的基本方法和轮廓。 关于如何使用这个框架,将在以后的文章中写出

 

补充:

如果使用POST方法传递。则content一般使用XML的形式。例如:

 

 login()
{
 
    var xml = "<root><userName>123</userName><pwd>中国</pwd></root>";
    send_request(
"post","/StockSacChat/ChatHander.aspx",xml,result);
}
function result()
{
     
if (http_request.readyState == 4) { 
        
if (http_request.status == 200) {
         
            alert(http_request.responseText);
        } 
else { //页面不正常
            alert("页面有异常。");
        }
    }
}

 

而相应的后台代码 ASP.NET中可以如下获得

 Page_Load(object sender, System.EventArgs e)

    XmlDocument xmlDoc = new  System.Xml.XmlDocument();
    xmlDoc.Load(Request.InputStream);
    
//得到root所有子节点
    XmlNodeList xnl=xmlDoc.SelectSingleNode("root").ChildNodes;
    
    Response.Write(xnl.Item(
0).InnerText);//输出userName值
}

相关文章: