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。