- AJAX 教程
- AJAX - 首页
- AJAX - 什么是 AJAX?
- AJAX - 历史
- AJAX - 动态网站与静态网站
- AJAX - 技术
- AJAX - 动作
- AJAX - XMLHttpRequest
- AJAX - 发送请求
- AJAX - 请求类型
- AJAX - 处理响应
- AJAX - 处理二进制数据
- AJAX - 提交表单
- AJAX - 文件上传
- AJAX - FormData 对象
- AJAX - 发送 POST 请求
- AJAX - 发送 PUT 请求
- AJAX - 发送 JSON 数据
- AJAX - 发送数据对象
- AJAX - 监控进度
- AJAX - 状态码
- AJAX - 应用
- AJAX - 浏览器兼容性
- AJAX - 示例
- AJAX - 浏览器支持
- AJAX - XMLHttpRequest
- AJAX - 数据库操作
- AJAX - 安全性
- AJAX - 问题
- Fetch API 基础
- Fetch API - 基础
- Fetch API 与 XMLHttpRequest
- Fetch API - 浏览器兼容性
- Fetch API - 头部信息
- Fetch API - 请求
- Fetch API - 响应
- Fetch API - 体数据
- Fetch API - 凭据
- Fetch API - 发送 GET 请求
- Fetch API - 发送 POST 请求
- Fetch API - 发送 PUT 请求
- Fetch API - 发送 JSON 数据
- Fetch API - 发送数据对象
- Fetch API - 自定义请求对象
- Fetch API - 上传文件
- Fetch API - 处理二进制数据
- Fetch API - 状态码
- Stream API 基础
- Stream API - 基础
- Stream API - 可读流
- Stream API - 可写流
- Stream API - 变换流
- Stream API - 请求对象
- Stream API - 响应体
- Stream API - 错误处理
- AJAX 有用资源
- AJAX - 快速指南
- AJAX - 有用资源
- AJAX - 讨论
Ajax - 历史
在 AJAX 出现之前,网站是通过将多个独立网页组合在一起开发的,这些网页通过嵌入在 HTML 页面中的链接按预定义的顺序显示。因此,要使用这些 Web 应用程序,用户需要从一个网页移动到另一个网页。所以,每当用户点击链接到下一页时,他/她都需要等待几秒钟才能加载页面。传统的 Web 应用程序使用 HTTP 请求将用户操作提交到服务器。服务器接收到用户的请求后,通过返回一个新网页来完成请求,该网页将进一步显示在 Web 浏览器上。因此,传统的 Web 应用程序需要大量的页面刷新和等待。
正因为如此,开发像谷歌地图、实时聊天环境、Gmail 等新一代应用程序非常困难。2005 年 2 月 18 日,Jesse James Garrett 首次通过撰写一篇名为“一种新的 Web 应用程序方法”的 AJAX 文章向世界介绍了 AJAX。2006 年 4 月 5 日,万维网联盟 (W3C) 发布了第一个包含 XMLHttpRequest 对象规范的草案。此后,AJAX 在 Web 开发人员中越来越受欢迎。
与传统的 Web 应用程序相比,使用 AJAX 开发的应用程序更快、响应更灵敏。它通过与 Web 服务器交换少量数据来提高 Web 应用程序的性能。因此,服务器无需为用户的每次请求都刷新整个网页。这意味着使用 AJAX,Web 浏览器和 Web 服务器可以在后台异步交换数据,而不会暂停应用程序的执行,并且可以处理返回的数据。为了提交请求,AJAX 应用程序使用一个名为 XMLHttpRequest 对象的特殊对象。它是 AJAX 能够创建异步通信的主要对象。实现 AJAX 使用的技术包括 JavaScript、XMLHttpRequest、XML/JSON 和文档对象模型 (DOM)。其中 JavaScript 处理客户端逻辑,XHR 提供与服务器的异步通信,XML 提供服务器和客户端之间数据交换的格式,DOM 允许操作和更新网页的内容。
结论
这就是 AJAX 的引入如何在 Web 开发行业掀起一场新的革命。它帮助开发人员创建丰富且交互式的 Web 应用程序。在下一篇文章中,我们将学习动态网站与静态网站的不同之处。