ajax局部刷新

ajax是用来做局部刷新的。

局部刷新使用的核心对象是 异步对象(XMLHttpRequest)
这个异步对象是存在浏览器内存中的 ,使用javascript语法创建和使用XMLHttpRequest对象。

创建 XMLHttpRequest 对象的语法(xhr):

 var xmlhttp=new XMLHttpRequest();

通过判断 XMLHttpReqeust 对象的状态,获取服务端返回的数据。

语法:
xmlHttp.onreadystatechange= function() {
//当xmlHttp.readyState == 4的时候,表示我们可以处理数据了
//当xmlHttp.status == 200 的时候,表示我们的网络请求时成功了
if( xmlHttp.readyState == 4 && xmlHttp.status == 200){
     //获取服务器返回的数据
     var data = xmlHttp.responseText;
          //更新数据
        document.getElementById("name").value= data; 
 }
}

readyState 属性: 表示异步对象请求XMLHttpRequest 的状态。从 0 到 4 发生变化。

• 0: 请求未初始化,创建异步请求对象  var xmlHttp = new XMLHttpRequest();

• 1: 初始化异步请求对象, xmlHttp.open(请求方式,请求地址,true);

• 2: 异步对象发送请求, xmlHttp.send();

• 3: 异步对象接收应答数据 从服务端返回数据。是XMLHttpRequest异步对象内部处理使用。

• 4: (常用)异步请求对象已经将数据解析完毕。 此时才可以读取数据。由开发人员处理并更新当前页面。

异步对象的status属性,表示网络请求的状况的,  200, 404, 500, 需要是当status==200
时,表示网络请求是成功的。

例如:xmlHttp.open("get", "loginServlet?name=zs&pwd=123",true);

使用异步对象发送请求:xmlHttp.send();

获取服务器端返回的数据, 使用异步对象的属性 responseText 

使用例子:
//获取服务器返回的数据
     var data = xmlHttp.responseText;

回调:当请求的状态变化时,异步对象会自动调用onreadystatechange事件对应的函数。


版权声明:本文为molu1991原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。