AJAX的基础

AJAX应用到的技术：

　　1:AJAX的全称是Asynchronous JavaScript And XML

　　2: AJAX涉及到7种技术其中(Javascript、XMLHttpRequest、Dom、XML)是最为重要

　　3:XMLHttpRequest对象

　　　　(1):创建XMLHttpRequest对象

　　　　　　例：var xmlHttp;     //定义全局变量

　　　　　　　　function getXmlHttp(){  //封装函数

　　　　　　　　　　　　　//判断是否是IE浏览器

　　　　　　　　　　　　if(window.ActiveXObject){

　　　　　　　　　　　　　　xmlHttp =new ActiveXObject("MICROSOFT.XMLHTTP");

　　　　　　　　　　　　}else if(window.XMLHttpRequest){

　　　　　　　　　　　　　xmlHttp = new XMLHttpRequest();　

　　　　　　　　　　}

　　　　　　}　　

 

　　　　　　function sendParam(url){    

　　　　　　　　　　 getXmlHttp();  //调用函数

 　　　　　　　　　　//用get提交：

　　　　　　　　　　　　　　 xmlHttp.open("GET","check.php?user="+url,true); //向服务器提交数据

　　　　　　　　     　　　　（解释：check.php?:是到php里面验证）

　　　　　　　　　　//用post提交必须要写：

　　       　　　　　　setRequestHeader("Content-Type","application/x-www-form-urlencoded");    

　　　　　　　　　　

  　　　　　　　　　 xmlHttp.onreadystatechange = getTxt;    

　　　　　　　　　　 xmlHttp.send(null); //发送请求

}

 

　　　　　　　　　　//在界面上显示的资料

　　　　　　　　　　　 function getTxt(){    　　

　　　　　　　　　　　　　　　　if(xmlHttp.readyState == 4){       

　　　　　　　　　　　　　　　　　　　　  if(xmlHttp.status == 200){  // 服务器返回信息后，需判断返回的HTTP状态码，确定返回的页面没有错误，200代表页面正常。

　　　　　　　　　　　　　　　　　　          var sp = document.getElementById("tishi");         

　　　　　　　　　　　　　　　　　　    sp.innerHTML = xmlHttp.responseText;  

　　　　　　　　　　　　    　　　　   }   

　　　　　　　　　　　　　　  }

　　　　　　　　　　 }

　　　　　　onreadystatechange:状态改变的事件触发器

　　　　　　readyState:对象状态(integer):0=未初始化，1=读取中，2=已读取，3=交互中，4=完成

　　　　　　status:服务器返回的状态码，如404=“文件未找到”、200=“成功”

　　　　　　responseText:将传回的信息当字符串使用