AJAX出现的原因
没有AJAX的页面请求都是通过表单form的submit的事件来完成表单与服务器的交互,这个过程是阻塞的,页面会出现短暂的空白,整个form表单都要重新手动加载才能展示最新的数据(表单--服务器)。AJAX解决了这些问题,它是异步的,它是局部的,它是动态的(表单--AJAX--服务器),提高了用户的体验与交互。
如何简单使用AJAX
主要的三个步骤:
1、创建XMLHttpRequest对象实例
2、利用这个实例链接服务器并向服务器发送请求
3、监听服务器处理这个请求的状态码以及readystate两个值(缺一不可)
进行相应的处理
//创建XMLHttpRequest实例(兼容所有浏览器)
function createAjax() {
var request;
var ajax = {};
try {
request = new XMLHttpRequest();
} catch (e1) {
//IE 5,6
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e2) {
request = new ActiveXObject("Microsoft.XMLHTTP");
}
}
if (!request) {
console.info("request create fail");
} else {
ajax.request = request;
return ajax;
}
}