以下1到4步就是简单的ajax的创建步骤
1.创建请求对象
var AJAX=new XMLHttpRequest();
2.设置请求参数
AJAX.open(‘get’,根目录,true) get是获取方式,true是异步进行,false是同步进行
3.观察状态
AJAX.onreadystatechange = function(){
if (AJAX.readyState == 4 && AJAX.status == 200){
func_succ(AJAX.responseText);
}else if(AJAX.readyState == 4 && AJAX.status != 200){
alert("AJAX faild readyState:"+AJAX.readyState+" status:"+AJAX.status);
}
};
4.AJAX.send()
在 AJAX 请求开始时执行函数,它是一个 Ajax 事件.
5.AJAX.readyState 表明客户端与客户的交互状态过程
0 -(未初始化)还没有调用send()方法
1 -(载入)已调用send()方法,正在发送请求
2 -(载入完成)send()方法执行完成,已经接收到全部响应内容
3 -(交互)正在解析响应内容
4 -(完成)响应内容解析完成,可以在客户端调用了
6.HTTP 状态码AJAX.status 服务器对请求的反馈
7.AJAX.responseText
向ajax后台的程序发送xmlhttp请求的时候, 后台程序接到请求会进行处理,处理结束后,可以返回一串数据给前台,这个就是responseText.
AJAX优点:
1.无刷新更新数据,减少用户等到时间
2.异步与服务器通信,响应更加迅速
3.减轻服务器的负担
AJAX缺点
1.破坏了前进后退功能,用户往往通过后退按钮来取消上一步操作,但是使用ajax无法实现。
2.对搜索引擎支持较弱
3.一些手持设备不能很好的支持等