AJAX 一

AJAX = 异步 JavaScript 和XML。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

AJAX如何工作

浏览器（发生某个事件-创建XMLHttRequest对象-发送HttpRequest）->Internet->服务器

（处理HttpRequest-创建响应返回浏览器）->浏览器（使用JS处理返回的数据，更新内容）

XMLHttpRequest 对象（与服务器异步交互数据）
JavaScript/DOM          （显示/取回信息）
CSS    　　　　　　   （设置数据的样式）
XML    　　　　　　   （常用作数据传输的格式）

XMLHttpRequest 是 AJAX 的基础。

MLHttpRequest 对象.所有现代浏览器均支持 XMLHttpRequest 对象（IE5和 IE6 使用 ActiveXObject）。

<script>
        var xhr;
        if (window.XMLHttpRequest){
        
        xhr = new XMLHttpRequest();
}    else{
             xhr = new ActiveXObject("Microsoft.XMLHTTP”);
}
</script>

发送请求

XMLHttpRequest.onreadystatechange : 当readyState属性发生变化时调用的EventHandler。

XMLHttpRequest.responseText :返回一个DOMString，该DOMString包含对请求的响应，如果请求未成功或尚未发送，则返回null。

XMLHttpRequest.setRequestHeader() :设置HTTP请求头的值。您必须在open()之后、send()之前调用setRequestHeader()这个方法。

xmlhttp.onreadystatechange = function (){
       if (xmlhttp.readyState == 4 && xmlhttp.status ==200){
       console.log(xmlhttp);
       document.getElementById("myDiv").innerHTML =     xmlhttp.responseText;    
  }
}
xmlhttp.open("GET","2_2.php",true);
xmlhttp.send();

服务器响应

响应结果可以使用XMLHttpRequest 对象的 responseText responseXML

AJAX 一

相关文章