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

时间:2018-08-17 04:43:24

标签: ajax asynchronous

我刚开始学习Ajax,但我完全不知道什么是AJAX。异步请求和同步请求有什么区别?我想寻找一个非常简单的例子来说明它们之间的差异。

2 个答案:

答案 0 :(得分:2)

AJAX异步JavaScript和XML的缩写,是一种编程语言。它通常涉及从客户端向服务器发送HTTP请求并处理服务器的响应,而无需重新加载整个页面。此过程是异步的。与阻止客户端直到操作完成的同步请求相比,异步HTTP更加高效且用户友好。 举一个非常简单的例子,当您在商业网站上注册时,一旦输入名称,就可以知道您的用户名是否可用。如果已经使用了用户名,则网站将提醒您您的用户名已在同一网页上使用。这是AJAX的应用程序,因此您无需填写整个表单,只需单击提交按钮即可知道您的用户名不可用。

AJAX使用两个组件进行请求处理和显示: 浏览器内置的XMLHttpRequest对象(用于从Web服务器请求数据) JavaScript和HTML DOM(用于显示或使用数据)

它始于网页中发生的事件,例如单击按钮。然后,由JavaScript创建XMLHttpRequest对象,然后将请求发送到Web服务器。 Web服务器接收到请求后,将对其进行处理并将响应发送回Web页面。然后,网页利用JavaScript执行网页更新,而无需重新加载整个页面。

答案 1 :(得分:1)

  

AJAX代表异步JavaScript和XML

Ajax的主要目的是从data加载server而无需refreshing网页

它在没有thread interrupting线程的后台UI中工作

AJAX通过在幕后与web pages交换asynchronouslydata来更新web server。这意味着可以更新web page的某些部分,而无需重新加载整个page

内置browser XMLHttpRequest的{​​{1}},用于从Web服务器请求数据

enter image description here

  

示例

当您填写任何形式的在线表格时,都会注意到一件事,即国家,州,地区的选择。

在这个国家(object中,最初充满了drop down,但州和地区是空的。

当您选择一个国家(如印度)时,data Asynchronous转到call,并获取与所选国家/地区有关的州server的数据,依此类推。

drop down AJAX获取状态request的数据时,您就有资格与drop down的其他部分一起工作。