ajax
ajax 并不是编程语言。
ajax 是一种从网页访问 web 服务器的技术。
ajax 代表异步 javascript 和 xml。
ajax 实例解释
html 页面
<!doctype html>
<html>
<body>
<div id="demo">
<h2>让 ajax 更改这段文本</h2>
<button type="button" onclick="loaddoc()">更改文本</button>
</div>
</body>
</html>
这张 html 页面包含一个 <div> 和一个 <button>。
<div> 用于显示来自服务器的信息。
<button> 调用函数（当它被点击）。
该函数从 web 服务器请求数据并显示它：
function loaddoc()
function loaddoc() {
var xhttp = new xmlhttprequest();
xhttp.onreadystatechange = function() {
if (this.readystate == 4 && this.status == 200) {
document.getelementbyid("demo").innerhtml = this.responsetext;
}
};
xhttp.open("get", "ajax_info.txt", true);
xhttp.send();
}
什么是 ajax？
ajax = asynchronous javascript and xml.
ajax 并非编程语言。
ajax 仅仅组合了：
- 浏览器内建的 xmlhttprequest 对象（从 web 服务器请求数据）
- javascript 和 html dom（显示或使用数据）
ajax 是一个令人误导的名称。ajax 应用程序可能使用 xml 来传输数据，但将数据作为纯文本或 json 文本传输也同样常见。
ajax 允许通过与场景后面的 web 服务器交换数据来异步更新网页。这意味着可以更新网页的部分，而不需要重新加载整个页面。
ajax 如何工作
- 网页中发生一个事件（页面加载、按钮点击）
- 由 javascript 创建 xmlhttprequest 对象
- xmlhttprequest 对象向 web 服务器发送请求
- 服务器处理该请求
- 服务器将响应发送回网页
- 由 javascript 读取响应
- 由 javascript 执行正确的动作（比如更新页面）