AJAX入门基础

创建对象 XMLHttpRequest

var xmlhttp;
if(window.XMLHttpRequest){
	//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
	xmlhttp = new XMLHttpRequest();
}
else{
	// IE6, IE5 浏览器执行代码
	xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

2.当服务器响应就绪时执行函数

xmlhttp.onreadystatechange = function {
    if(xmlhttp.readyState = 4 && xmlhttp.status = 200){
        //要执行的操作
        /*
			responseText 属性返回字符串形式的响应
			responseXML 属性返回xml形式的响应
        */
      //document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}

3.把请求发送到服务器上的文件

/*
参数一：请求方式POST,GET
参数二：服务器上的文件，可以是php,html..
参数三：是否异步，XMLHttpRequest对象用于Ajax,必须使用异步，如不使用异步，则在send()后面写要执行的代码(不编写onreadystatechange函数)
*/
xmlhttp.open("GET","URL",true);
xmlhttp.send();
/*
如需要HTML表单那样的数据post数据，需使用setRequestHeader()
setRequestHeader(header,value),header:规定的头的名称，value：规定的头的值
*/
xmlhttp.open("POST","/try/ajax/demo_post2.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Henry&lname=Ford");