(从W3CShcool复制过来的,方便个人记忆)
概念:
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX 不是新的编程语言,而是一种使用现有标准的新方法
-------------------------------------------------------------------------------------------------
XMLHttpRequest 是 AJAX 的基础。
XmlHttpRequest 术语缩写为XHR,中文可以解释为可扩展超文本传输请求。
----------------------------------------------------------------------------------------------
onreadystatechange 事件
当请求被发送到服务器时,我们需要执行一些基于响应的任务。
每当 readyState 改变时,就会触发 onreadystatechange 事件。
readyState 属性存有 XMLHttpRequest 的状态信息。
XMLHttpRequest 对象的三个重要的属性:
onreadystatechange:存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
readyState:存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。0: 请求未初始化1: 服务器连接已建立2: 请求已接收3: 请求处理中4: 请求已完成,且响应已就绪
例子
function GetDataFromDMS() { var tempVin = $("#VinForQuery").val(); var targetUrl = "/DMS/ProcessInvoke?Vin=" + tempVin; var xmlHttpRequest; if (window.XMLHttpRequest) { xmlHttpRequest = new XMLHttpRequest(); } else { xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); } xmlHttpRequest.onreadystatechange = function () { if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) { document.getElementById("response").innerHTML = xmlHttpRequest.responseText; } } xmlHttpRequest.open("Get",targetUrl,true); xmlHttpRequest.send(); }