首页 > 代码库 > aJax
aJax
---恢复内容开始---
function aJax(){
var xmlHttpReq = null;
if(window.XMLHttpRequest){
xmlHttpReq = new XMLHttpRequest();
}
if(xmlHttpReq!=null){
xmlHttpReq.open("GET","test.asp",true);
xmlHttpReq.onreadystatechange = RequestCallBack;
xmlHttpReq.send(null);
}
function RequestCallBack(){
if(xmlHttpReq.readyState==4){
if(xmlHttpReq.status ==200){
document.getElementById("restText").innerHTML = xmlHttpReq.responseText;
}
}
}
}
1.异步同步
异步通过true来表示,那么false就是同步方式了。采用同步的方式,当执行到某一行代码时,必须等待它执行完毕才能进行下一行函数的处理,如果正在执行的代码一直没有完成,程序就会进入假死状态。相反,异步方式表示在执行当前代码时其他代码也可以运行。
2.var xmlHttpReq = null; 声明一个空对象来装入XMLHttpRequest中。XMLHttpRequest对象用于后台与服务器交换数据,现代的浏览器均支持XMLHttpRequest对象。
3.xmlHttpReq = new XMLHttpRequest();实例化一个XMLHttpRequest对象。
要完整实现一个aJax异步调用和局部刷新,有以下几个步骤:
(1)创建一个异步调用对象,XMLHttpRequest,
(2)创建一个http请求,指定方法、Url及验证信息,
1.指定方法:get:请求指定页面信息,并返回主题。post:向指定数据提交资源进行处理请求。(表单)
(3)设置响应http请求状态变化的函数,
(4)发送http请求,
(5)获取异步调用返回的数据,
(6)使用JavaScript进行局部刷新。
4.xmlHttpReq.open("GET","test.asp",true);调用open方法采样异步方式。
5.xmlHttpReq.onreadystatechange=RequestCallBack;设置回调函数。
6.xmlHttpReq.send(null);发送
7. readyState五种值的表示:
0- (未初始化)还没有调用send()方法
1 - (载入)已调用send()方法,正在发送请求
2 - (载入完成)send()方法执行完成,已经接收到全部响应内容
3 - (交互)正在解析响应内容
4 - (完成)响应内容解析完成,可以在客户端调用了
8.status
AJAX的状态码,指的是无论AJAX访问是否成功,由HTTP协议根据所提交的信息,服务器所返回的HTTP头信息代码,该信息使用“ajax.status”所获得。
9.if(ajax.readyState == 4 && ajax.status == 200) ;//判断所获得的信息是否正确。
10.responseText;//服务器返回给前台的数据。
aJax