ajax详细笔记原理

Ajax:  Asynchronous JavaScript and XML:异步JavaScript和XML 主要实现局部刷新页面

最重要的是 XMLHttpRequest 对象。

XMLHttpRequest ：
ajax主要通过 XMLHttpRequest 对象处理发送异步请求和回应。

必须使用JavaScript创建XMLHttpRequest 对象。
<script language="JavaScript">
var xmlHttp;                      //核心对象名称
function createXMLHttp(){   //创建核心对象
  if(window.XMLHttpRequest){      //判断当前使用的浏览器类型
xmlHttp=new XMLHttpRequest(); //使用的是FireFox内核的浏览器
  }else
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); //使用的是IE内核的浏览器
}

function showMsg(){
createXMLHttp(); //建立核心对象
xmlHttp.open("post","content.htm");  //设置一个请求
xmlHttp.onreadystatechange=showMsgCallback;//设置请求完成之后的回调函数
xmlHttp.send(null); //发送请求，不传递参数
}
function showMsgCallback(){ //定义回调函数
if(xmlHttp.readState==4){ //数据返回完毕
  if(xmlHttp.status==200){ //Http操作正常
var text=xmlHttp.responseText; //接受返回的内容
document.getElementById("msg")innerHtml=text; //设置msg标签元素中要显示的内容为Ajax接收的返回内容
  }
}