首先要知道Ajax的开发流程:
1:初始化XMLHttpRequest,这一步要考虑跨浏览器的问题。
2:设置XMLHttpRequest对象的onReadyStateChange属性,指定服务器返回响应数据时要调用的回调函数,即指定响应处理函数,
3:调用XMLHttpRequest对象的open方法,创建http请求。
4:调用XMLHttpRequest对象的setResouceHeader等方法,设置必要的http请求头信息。
5:调用XMLHttpRequest对象的send方法,发送之前创建的http请求。
6:根据XMLHttpRequest对象的open方法参数,决定等待或者不等待服务器回响应数据。如果服务器返回响应数据,则将控制权交给之前设置回调函数。
了解上面的流程后,我们来一步步的解析和示范,形成一个发送和接收XMLHttpRequest请求的Ajax应用程序框架。
这个Ajax应用程序开发框架现在还是一个简单的初步的框架,其目的就是通过这个框架的示范,形式一个使用Ajax的基本方法和轮廓。 关于如何使用这个框架,将在以后的文章中写出
补充:
如果使用POST方法传递。则content一般使用XML的形式。例如:
{
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中可以如下获得
{
XmlDocument xmlDoc = new System.Xml.XmlDocument();
xmlDoc.Load(Request.InputStream);
//得到root所有子节点
XmlNodeList xnl=xmlDoc.SelectSingleNode("root").ChildNodes;
Response.Write(xnl.Item(0).InnerText);//输出userName值
}