Ajax使用

前端之家收集整理的这篇文章主要介绍了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(); }

猜你在找的Ajax相关文章