Ajax使用

(从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();
}