88462

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

来源:博客园

作者:张宗珂

链接:https://www.cnblogs.com/zhangzongke/p/11426198.html

Recommend