有关Ajax的具体实现

来源:百度知道 编辑:UC知道 时间:2024/06/07 09:14:21
最近老师交代了一个任务,具体内容就是分组介绍Ajax。
我被分配到的任务是介绍有关Ajax的具体实现。

弄了两天,搞的我都开始怀疑“具体实现”这个词组的含义了……

还希望朋友们能帮个忙
谢谢

很 简单 大致可以分5个 步骤 :
1建立xmlHTTPRequest 对象(IE浏览器的话用 ActiveXObject去创建)
2设置回调函数
3用open方法与服务器建立连接
4用send方法建立连接并开始发送数据
5编写回调函数去处理响应数据
然后写完收工

方法一般如下:具体意义见代码后注释
1.建立xmlHttpRequest对象(xmlHttpRequest对象是ajax核心)
一般建立方法:
var xmlHttp = createXmlHttpRequestObject();
function createXmlHttpRequestObject()
{
var xmlHttp;
if(window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); //是否为ie浏览器
else
xmlHttp = new XMLHttpRequest(); //其他浏览器
return xmlHttp;
}

2.写调用函数
function process()
{
if(xmlHttp.readyState == 4||xmlHttp.readyState == 0)
{
xmlHttp.open("方法", "处理参数的文件", true); //向服务器端请求做准备
xmlHttp.onreadystatechange = 响应函数名字; //获取服务器端响应的方法
xmlHttp.send("发送的参数");//向服务器发送请求
}
}
方法一般用POST和GET两种.GET一般直接就传递参数了,send(null)就可以. 后面的true是表示异步调用,相应地false为同步调用,ajax优点就在于异步,所以一般就