Ajax 简单入门

Ajax中最核心的对象就是XMLHttpRequest。

XMLHttpRequest最早是由微软以ActiveX控件的形式提供的。但是，不同的浏览器实现的方式不同，除IE外其他浏览器直接提供了XMLHttpRequest对象，而不是通过控件的形式。所以，声明XMLHttpRequest对象时，就需要区分是IE浏览器还是其他浏览器。

 

一个简单例子，认识ajax。

var xmlHttpRequest = null ; //声明一个空对象以接收XMLHttpRequest对象 function ajaxSubmit() { if(window.ActiveObject) //IE浏览器 { xmlHttpRequest = new ActiveObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest) //除IE外的其他浏览器实现 window的子对象 { xmlHttpRequest = new XMLHttpRequest(); } if(null != XMLHttpRequest) { //准备发送请求,true为异步请求,false为同步请求(必须等待响应后才能继续执行) xmlHttpRequest.open("GET",url,true); //关联ajax回调函数(注册回调函数) xmlHttpRequest.onreadystatechange = ajaxCallBack; //函数名字，不能加括号，加上括号就表示函数执行了 //真正向服务器端发送数据 //xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //post提交必须增加这一行 xmlHttpRequest.send(null); //参数为以post方式提交时向服务器端发送的真正内容,get提交时设为null或者空 } } function ajaxCallBack() { if(xmlHttpRequest.readyState == 4) //完整收到服务器响应后 { if(xmlHttpRequest.status == 200) //http 响应的状态 { var responseText = xmlHttpRequest.responseText; } } }