ajax的基本功能

1、AJAX是一种用于创建快速动态网页技术，通过在后台与服务器进行少量的数据交互，AJAX可以使网页实现异步刷新。这意味着可以在重新加载整个网页的情况下，对网页的某部分进行更新。

2、XMLHttpRequest对象用于在后台与服务器交换数据。

3、所有现代浏览器（IE7 + firefox + chrome ）均内建XMLHttpRequest对象。

//支持ie5、ie6
if(window.ActiveXObject)
{
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
xmlHttpRequest = new XMLHttpRequest();
}

4、使用GET方式提交，参数拼接在请求的url后面，请send方法中为null

xmlHttpRequest.open(“GET"AjaxServlet?name=" + name + "&age=" + age,true);
xmlHttpRequest.onreadystatechange = callBack;
xmlHttpRequest.send(null);

使用POST方式提交，参数放在send方法中，请必须设置requestHeader

xmlHttpRequest.open("POST","AjaxServlet",true);
xmlHttpRequest.onreadystatechange = callBack;
xmlHttpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded")
xmlHttpRequest.send("name=" + name + "&age=" + age);

5、XMLHttpRequest 对象的三个重要的属性：

onreadystatechange：每当 readyState 属性改变时，就会调用该函数

readyState：

存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

0: 请求未初始化

1：服务器已经建立连接

2、请求已接收

3、请求处理中

4、请求已完成，且响应已就绪

status：200 ok

404 未找到页面

6、responseText 属性返回字符串形式的响应

var response = xmlHttpRequest.responseText;
Document.getElementById("div1").innerHTML = response;

7、在服务器端设置如下属性，可以清楚客户端浏览器的缓存：

response.setHeader("pragma","no-cache"); response.setHeader("cache-control","no-cache");

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!