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执行的操作。

广告