AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。
AJAX是基于现有的Internet标准，并且联合使用它们：
XMLHttpRequest 对象 (异步的与服务器交换数据)
JavaScript/DOM (信息显示/交互)
CSS (给数据定义样式)
XML (作为转换数据的格式)
AJAX主要分为四步：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function loadXMLDoc() {
/*1.创建对象*/
var xml
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xml = new XMLHttpRequest();
}
else {
// IE6, IE5 浏览器执行代码
xml = new ActiveXObject("Microsoft.XMLHTTP");
}/*兼容浏览器*/
/*2.向服务器发送请求请求*/
xml.open('get', 'a.txt', true)
xml.send()
/*3.执行一些基于响应的任务*/
xml.onreadystatechange = function () {
if (xml.readyState == 4 && xml.status == 200) {
/*4.接收数据*/
document.getElementById("myDiv").innerHTML = xml.responseText;
}
}
}
</script>
</head>
<body>
<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="loadXMLDoc()">修改内容</button>
</body>
</html>
AJAX需要服务器才可以运行，建议使用wampserver或WebStorm前端开发工具。
版权声明：本站内容全部来自于腾讯微信公众号，属第三方自助推荐收录。《ajax简介》的版权归原作者「自学web网页前端」所有，文章言论观点不代表Lambda在线的观点， Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458
文章来源： 阅读原文
