- 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 vs 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的全称是异步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> // Header of the web page </head> <body> // Body of the web page </body> </html>
DOM − AJAX还有一个强大的工具,称为DOM(文档对象模型)。它用于动态地与网页布局和内容交互并更改它们。或者我们可以说DOM用于创建用于标记HTML页面的元素的逻辑表示。它由Web浏览器提供。它不是JavaScript的一部分,但是使用JavaScript我们可以访问DOM对象的属性和方法。使用DOM方法和属性,我们可以创建或修改HTML页面。
<!DOCTYPE html> <html> <head> // Header of the web page </head> <body> <p></p> <script></script> </body> </html>
结论
这些就是AJAX用来创建动态网页的技术。在使用这些技术时,AJAX必须不断更新其外部库和框架。在下一篇文章中,我们将看到AJAX执行的操作。