Ajax 简明教程

AJAX - Technologies

AJAX 的全称是异步 Javascript 和 XML。它是一组合并了 Web 技术的工具,允许在 Web 服务器和 Web 浏览器之间建立异步通信。它创建了一个动态应用程序,可以在不重新加载整个页面情况下动态更新网页内容。

AJAX 不是一种编程语言或脚本语言,但它结合了多种 Web 相关的技术,例如 HTML、XHTML、CSS、JavaScript、DOM、XML、XSLT 和 XMLHttpRequest 对象。由于这些技术的结合,AJAX 模型允许 Web 开发者创建可以与用户动态交互的 Web 应用程序,并且能够快速向 Web 服务器发出后台调用,以检索所需的应用程序数据,然后更新网页的一小部分,而无需刷新整个网页。

AJAX 不使用任何新语言来创建动态 Web 应用程序,它使用市场上已有的技术。因此,开发人员可以通过 AJAX 模型创建动态 Web 应用程序,而无需学习或安装新技术。因此,AJAX 模型使用以下 Web 技术 −

Javascript −它是一种适用于 HTML 和 Web 应用程序的脚本语言。它建立了 HTML、CSS 和 XML 之间的连接。用于创建客户端功能。它在 AJAX 中也扮演着重要的角色。它还用于创建 AJAX 应用程序或将所有 AJAX 操作联合起来。

<script src = "myexample.js"></script>

XML or JSON −XML 代表可扩展标记语言,而 JSON 代表 JavaScript 对象表示法。JSON 和 XML 都用于客户端来交换 Web 服务器和客户端之间的数据。

<?xml version = "1.0">
<root>
   <child>
      //Statements
   </child>
</root>

XMLHttpRequest −它用于在 Web 浏览器和 Web 服务器之间执行异步数据交换。它是一个执行异步操作的 JavaScript 对象。

variableName = new XMLHttpRequest();

HTML and 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>

Conclusion

因此,AJAX 利用这些技术能够创建动态网页。在使用这些技术时,AJAX 必须对其外部库和框架保持更新。现在,在下一篇文章中,我们将了解 AJAX 执行的动作。