1.AJAX功能:动态更新页面,减少流量消耗,减轻服务器负担
2.代码结构:
<html>
<head>
<script type="text/javascript">
function loadXMLDoc()
{
.... AJAX script goes here ...
}
</script>
</head>
<body>
<div id="myDiv"><h3>Let AJAX change this text</h3></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>
</html>
3.
XMLHttpRequest 对象用于和服务器交换数据。
创建 XMLHttpRequest 对象,并兼容不同浏览器
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
4.JavaScript 会等到服务器响应就绪才继续执行。如果服务器繁忙或缓慢，应用程序会挂起或停止。
5.
如需获得来自服务器的响应，则使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
| responseText | 获得字符串形式的响应数据。 |
| responseXML | 获得 XML 形式的响应数据。 |
6.
当请求被发送到服务器时，就会执行一些基于响应的任务。
每当 readyState 改变时，就会触发 onreadystatechange 事件。
readyState 属性存有 XMLHttpRequest 的状态信息。
|
readyState存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
|
| status 200: "请求完成" 404: 未找到页面 |
7."deal.jsp?nocache="+new Date().getTime() 向deal.jsp这个页面发送请求
nocache的意思是不缓存,每次重新请求页面