当前位置:首页 > 编程语言 > 正文内容

什么是AJAX以及它是如何工作的?

a811625534年前 (2022-08-11)编程语言23

作为一种众所周知的编码语言,JavaScript的功能之一是管理网站的动态内容并允许动态的用户交互。XML是HTML等标记语言的另一种变体,正如其名称 – 可扩展标记语言所暗示的那样。如果HTML旨在显示数据,那么XML旨在包含和携带数据。

JavaScript和XML在AJAX中都是异步工作的。因此,任何使用AJAX的Web应用程序都可以从服务器发送和检索数据,而无需重新加载整个页面。

什么是AJAX?

AJAX或异步Javascript和XML是一组允许Web应用程序异步工作的Web开发技术。

AJAX实例

想想谷歌自动完成功能。它可以帮助您在输入关键字时完成关键字。关键字实时更改,但页面保持不变。在90年代初期,互联网还没有那么发达,每次在您的屏幕上弹出新的推荐时,同样的功能需要Google重新加载您的页面。AJAX允许数据交换和表示层同时工作,而不会干扰彼此的功能。

谷歌关键词自动填充

AJAX概念实际上从90年代中期就已经存在。然而,当谷歌在2004年开始将这一概念纳入谷歌邮件和谷歌地图时,它获得了更广泛的认可。今天,它被广泛用于各种Web应用程序以简化服务器通信过程。

以下是我们日常生活中使用AJAX的更多有用示例。

  • 投票和评分系统-您是否曾经为您在网上购买的产品评分?您曾经填写过在线投票表格吗?无论哪种方式,这两个操作都使用AJAX。一旦您点击评分或投票按钮,网站将更新计算但整个页面保持不变。
  • 聊天室-一些网站在其主页上实现了内置聊天室,您可以通过该聊天室与他们的客户支持官交谈。如果您想同时浏览该页面,则无需担心。AJAX不会在您每次发送和接收新消息时重新加载您的页面。
  • Twitter的趋势通知-Twitter最近使用 AJAX进行更新。每次发布有关某些热门话题的新推文时,Twitter都会更新新数据,而不会影响主页。

简而言之,AJAX使多任务处理变得容易。如果您注意到类似的情况,即两个操作同时工作,一个正在运行,一个处于空闲状态,那可能是AJAX在做它的事情。

它是如何工作的?

请记住,AJAX不是一种单一的技术,也不是一种编程语言。如前所述,AJAX是一组Web开发技术。该系统一般包括:

  • 主要语言的HTML/XHTML和演示文稿的CSS。
  • 用于动态显示数据及其交互的文档对象模型 (DOM) 。
  • XML用于数据交换,XSLT用于数据操作。许多开发人员已经开始用 *** ON替换,因为它在形式上更接近JavaScript。
  • 用于异步通信的XMLHttpRequest对象。
  • 最后,JavaScript编程语言将所有这些技术结合在一起。

您可能需要一些技术知识才能完全理解它。但是,AJAX工作的一般过程非常简单。请查看下面的图表以进行进一步比较。

比较表

常规 AJAX
  1. HTTP请求从Web浏览器发送到服务器。
  2. 服务器接收并随后检索数据。
  3. 服务器将请求的数据发送到Web浏览器。
  4. Web浏览器接收数据并重新加载页面以显示数据。

在此过程中,用户别无选择,只能等到整个过程完成。它不仅耗时,而且还会给服务器带来不必要的负载。

  1. 浏览器创建一个JavaScript调用,然后激活XMLHttpRequest。
  2. 在后台,Web浏览器向服务器创建HTTP请求。
  3. 服务器接收、检索数据并将数据发送回Web浏览器。
  4. Web浏览器接收请求的数据,这些数据将直接显示在页面上。无需重新加载。

小结

抛开定义不谈,使用AJAX的更大好处是它简化了用户体验。您的访问者无需等待很长时间即可访问您的内容。但是,这也取决于您需要什么。例如,Google允许用户在使用Google Mail时在AJAX和传统版本之间进行选择。将您的用户需求放在列表的首位,并相应地使用AJAX。

扫描二维码推送至手机访问。

版权声明:本文由2345好导航站长资讯发布,如需转载请注明出处。

本文链接:http://2345hao.cn/blog/index.php/post/7894.html

分享给朋友:

“什么是AJAX以及它是如何工作的?” 的相关文章

PHP 8.1有哪些变化:新特性、改变及弃用等

PHP 8.1有哪些变化:新特性、改变及弃用等

不久前,PHP 8.0大张旗鼓地发布了。它带来了许多新特性、性能增强和变化——其中最令人兴奋的是新的JIT编译器。 技术世界总是在向前发展,PHP也是如此。 ,包含了几个令人兴奋的特性。它定于今年晚些时候于2021年11月25日发布。 在本文中,我们将详细介绍PHP 8.1将带来哪些新的东...

宝塔面板教程之监控管理篇

宝塔面板教程之监控管理篇

宝塔面板另外一个特质是,你无需通过Linux命令行来查看服务器各项指标状况,即可以阿里云服务器类似的可视化图表,查看资源使用、负载、CPU占用及内容使用百分比等指标。 默认监控是关闭,有需要的,可以开启,监控数据默认保存30天,可以自行修改,默认监控数据保存在日志,可手动清理该日志。 监控管理,...

MongoDB vs MySQL:哪个是更好的数据库管理系统?

MongoDB vs MySQL:哪个是更好的数据库管理系统?

由于市场上有各种可用的数据库,用户经常会就MongoDB与MySQL进行辩论,以找出更好的选择。 使用MySQL等关系数据库的组织在根据不断变化的需求管理和存储数据时可能会面临一定的困难。同时,新公司想知道选择什么数据库,这样他们就不会在开发过程中遇到问题。 同时,构建金融应用程序的开发人员...

27个学习PHP的最佳教程(免费和付费资源)

27个学习PHP的最佳教程(免费和付费资源)

对于初学者和那些刚刚进入WordPress开发的人来说,PHP是您可以开始的最佳起点之一。这是一种超级简单直接的语言,使其成为之一,因此相当容易上手,它构成了在线开发的支柱。另外,如果你想在WordPress后端工作,你肯定需要学习它。 但是,如果您不想在昂贵的大学课程上花费数月或数年时间怎么...

Serverless PHP简介:主要功能、用例以及如何在Lambda上开始使用Bref

Serverless PHP简介:主要功能、用例以及如何在Lambda上开始使用Bref

无服务器计算是一种基于云的执行模型,可以将应用程序作为服务托管,而无需维护服务器。 服务提供商维护服务器上的资源分配,并根据实际使用情况向用户收费。焦点转移到一个人正在创建的核心应用程序上,基础设施完全由服务提供商处理。无服务器计算也称为功能即服务 (FaaS)。 换句话说,Serverle...

揭开Laravel面纱:用于构建Web应用程序的跨平台PHP框架

揭开Laravel面纱:用于构建Web应用程序的跨平台PHP框架

近年来,Web应用程序和网站的开发变得越来越简单。即使是我们当中最受技术挑战的人也已经相当熟练地使用WordPress和Wix等产品。 对于更高级的开发人员,有许多工具可以帮助简化开发过程。这些工具中最有用的工具之一是Laravel。 本文回答了“什么是Laravel?”这个问题。通过将其分...