今天看了一篇关于Ajax的文章,记录下一点小小的心得。
对于一般的应用程序对Web表单的处理:用户点击提交按钮,直接将表单发送给服务器,然后由服务器决定处理表单的脚本。(Web表单-服务器)
Ajax对Web表单的处理:用户填写表单后,将数据发送给JavaScript处理,然后JavaScript向服务器发送异步请求。(Web表单-JavaScript/XMLHttpRequest-服务器)由于JavaScript向服务器发送异步请求,所以不会影响用户在页面上的其它操作。
通俗的讲,一般的应用程序将Web表单整体的提交给服务器,服务器处理之后将处理后的表单重新打印到页面上。用户需要等待服务器的响应。
而Ajax只是把局部的修改发给JavaScript处理,处理的时候用户还可以对表单进行其他的操作。用户无需等待服务器的响应。
JavaScript在Ajax中的基本任务:
a.获取表单数据 b.修改表单数据 c.解析Html和XML
a.和b.通过getElementById()进行处理。c.使用JavaScript代码操纵DOM,处理HTML表单服务器返回的XML数据的结构。
在Ajax中,核心技术是创建XMLHttpRequest对象。下面是如何创建一个比较全面的XMLHttpRequest对象:
var xmlHttp=false;
try {
xmlHttp= new XMLHttpRequest();
} catch (microsoft)
{
try {
xmlHttp= new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft)
{
try {
xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed)
{
xmlHttp= false;
}
}
}