- AJAX 教程
- AJAX - 教程
- AJAX - 什么是 AJAX？
- Ajax - 历史
- Ajax - 动态站点与静态站点
- AJAX - 技术
- AJAX - action（操作）
- AJAX - XMLHttpRequest
- AJAX - 发送请求
- AJAX - 请求类型
- AJAX - 处理响应
- AJAX - 处理二进制数据
- AJAX - 提交表单
- AJAX - 文件上传
- AJAX - FormData 对象
- AJAX - 发送 POST 请求
- AJAX - 发送 PUT 请求
- AJAX - 发送 JSON 数据
- AJAX - 发送数据对象
- AJAX - 监控进度
- AJAX - 状态代码
- AJAX - 应用程序
- AJAX - 浏览器兼容性
- AJAX - 浏览器支持
- AJAX - 数据库操作
- AJAX - 安全性
- AJAX - 常见问题
- Fetch API 基础知识
- Fetch API - 基础知识
- Fetch API 与 XMLHttpRequest
- Fetch API - 浏览器兼容性
- Fetch API - headers
- 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 之前，网站是通过将多个松散网页添加在一起来开发的，这些网页在 HTML 页面中嵌入的链接的帮助下以预定义的顺序进一步显示。因此，要使用这些 Web 应用程序，用户需要从一个 Web 页面移动到另一个 Web 页面。因此，每当用户点击指向下一页的链接时，他/她都应该等待几秒钟以加载页面。传统的 Web 应用程序使用 HTTP 请求将用户操作提交到服务器。收到用户的请求后，Web 服务器通过返回一个新的 Web 页面来完成请求，该页面将进一步显示在 Web 浏览器上。因此，传统的 Web 应用程序需要大量的页面刷新和等待。
因此，开发谷歌地图、实时聊天环境、Gmail 等新一代应用程序非常困难。因此，在 2005 年 2 月 18 日，Jesse James Garrett 撰写了一篇名为“A New Approach to Web Application”的 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 应用程序。现在在下一篇文章中，我们将了解动态网站与静态网站有何不同