ajax简单随笔

ajax:它是一种在无需重新加载整个网页的情况下,可以更新部分网页的技术(局部刷新);
ajax的核心对象XMLHttpRequest;
//创建对象
var obj = null;
if ( window . XMLHttpRequest ){ //在dom情况下
obj = new XMLHttpRequest();
} else { //在ie下
obj = new ActiveXObject("Microsoft . HMLHTTP");
}

//打开连接
obj.open("GET/POST(请求方式)") , "url(文件在服务器上的位置)" , true(异步)/false(同步))
注:(1)一般情况下使用"GET",因为GET更简单更快,大部分情况下都可以使用
(2)在以下情况下使用POST:(资料上找的!!!!!)
<1>无法使用缓存文件(更新服务器上的文件或数据库)
<2>向服务器发送大量数据(POST没有数据量限制)
<3>发送包含位置字符的输入时,POST比GET更稳定可靠

//当请求发送到服务时执行一个回调函数(onreadystatechange事件)
onreadystatechange:存储函数(或函数名),每当readyState属性改变时,就会调用该函数
每当readyState改变时,就会触发onreadystatechange事件
obj.onreadtstatechange = function(){
if ( xmlhttp . readyState === 4 && xmlhttp.status === 200 ){ //当readyState等于4且状态为200时,表示响应已就绪
document.getElementById("myDiv").innerHTML = obj.responseText;
}
}

status状态:
200:服务器响应正常。
304:该资源在上次请求之后没有任何修改(使用缓存)。
400:无法找到请求的资源。
404:需要访问的资源不存在。
500:服务器内部出错。

//发送请求
obj.send(null)

posted @ 2016-04-27 22:17  995758492  阅读(176)  评论(0编辑  收藏  举报