- 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 的完整形式是异步 Javascript 和 XML。它是 Web 技术的组合,允许在 Web 服务器和 Web 浏览器之间建立异步通信。它创建一个动态应用程序,该应用程序动态更新网页的内容,而无需重新加载整个页面。
AJAX 不是一种编程语言或脚本语言,但它结合了多种与 Web 相关的技术,如 HTML、XHTML、CSS、JavaScript、DOM、XML、XSLT 和 XMLHttpRequest 对象。由于这些技术的结合,AJAX 模型允许 Web 开发人员创建可以与用户动态交互的 Web 应用程序,并且能够快速对 Web 服务器进行后台调用以检索所需的应用程序数据,然后更新网页的一小部分,而无需刷新整个网页。
AJAX 不使用任何新语言来创建动态 Web 应用程序,它使用市场上已经存在的技术。因此,开发人员可以更轻松地创建动态 Web 应用程序,而无需学习或安装新技术。因此,AJAX 模型使用的 Web 技术是 -
Javascript − 它是一种用于 HTML 和 Web 应用程序的脚本语言。它在 HTML、CSS 和 XML 之间创建连接。它用于创建客户端功能。它在 AJAX 中也起着重要作用。它还用于创建 AJAX 应用程序或将所有 AJAX 操作连接在一起。
<script src = "myexample.js"></script>
XML 或 JSON − XML 代表可扩展标记语言,而 JSON 代表 JavaScript 对象表示法。JSON 和 XML 在客户端用于在 Web 服务器和客户端之间交换数据。
<?xml version = "1.0">
<root>
<child>
//Statements
</child>
</root>
XMLHttpRequest – 它用于在 Web 浏览器和 Web 服务器之间执行异步数据交换。它是一个执行异步操作的 javascript 对象。
variableName = new XMLHttpRequest();
HTML 和 CSS − HTML 代表超文本标记语言,而 CSS 代表级联样式表。HTML 为网页文本提供标记和样式。或者我们可以说它为网页提供了一个结构,而 CSS 用于创建更具交互性的网页。它提供了各种定义网页外观的样式组件。CSS 独立于 HTML,可以与任何基于 XML 的标记语言一起使用。
<!DOCTYPE html>
<html>
<head>
// 网页标题
</head>
<body>
// 网页正文
</body>
</html>
DOM − AJAX 还有一个强大的工具,称为 DOM(文档对象模型)。它用于动态地与网页布局和内容交互并更改网页布局和内容。或者我们可以说 DOM 用于创建用于标记 HTML 页面的元素的逻辑表示。它由 Web 浏览器提供。它不是 JavaScript 的一部分,但使用 javaScript 我们可以访问 DOM 对象的方法和属性。使用 DOM 方法和属性,我们可以创建或修改 HTML 页面。
<!DOCTYPE html>
<html>
<head>
// 网页标题
</head>
<body>
<p></p>
<script></script>
</body>
</html>
结论
所以这些是 AJAX 能够创建动态网页的技术。在使用这些技术时,AJAX 必须保持其外部库和框架的更新。现在在下一篇文章中,我们看到 AJAX 执行的 Action。