var xmlhttp;
function ajax_demo(){
//1.创建xmlHttoRequest对象
if(winodw.xmlHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveXobject("microsoft.XMLHTTP")}
//2.注册回调函数
xmlhttp.onreadystatechange = function() {
//执行你的代码逻辑
//当redystate的值变为4的时候,我们才有兴趣去处理,其它的情况不关心
if(xmlhttp.readState ==4){
//....
if(xmlttp.status == 200){
//表示服务器端正常响应客服端
//...
}
var str = xmlhttp.responseText;
//如果服务器端传递的是json字符串,可以通过以下方式解析成JSON对象
var json = JSON.parse(str);
...
}
//...
}
//3.
xmlhttp.open("POST | GET“,"目标URL",true|false);//true表示异步
//4.
xmlhttp.send(); //如果要传你数据给服务端,吧数据做为参数传过去
}
**
XMLHttoRequest对象的属性
**
1.readystate属性
此属性0-4的值,5种状态
0 表示为初始化
1 服务器连接已建立
2 请求已接受
3 请求处理中
4 请求已完成,且响应已就绪
2.status 属性
1xx
2xx 服务端正常响应客服端
3xx 服务端资源没有发生改变
4xx 资源错误
5xx 代表服务器端错误
3. respenseText 和 responeseXML
responseText 表示已文本的信息获取服务器端的响应,获取的就是字符串
responseXML 当服务器以xml格式返回给客服端时,则使用此属性去接受,获取的就是DOM对象