搞懂原生AJAX

2025-02-26 22:49:59
推荐回答(1个)
回答1:

先来看看这个名称的构成: Asynchronous JavaScript and XML
顾名思义,也就是异步的javascript和XML,而XML 被设计用来传输和存储数据。所以也可以理解为 异步的请求数据
来看看度娘给的答案:

因为经常使用 jQuery 来做请求的原因,经常会把 AJAX 理解为是jQuery独有的东西,其实完全不是,AJAX和jQuery是两个东西,只不过是jQuery对其做了封装而已。

在传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。
可以创建一个 form 表单模拟一下,当点击 submit 提交表单的时候,浏览器就会刷新页面,然后在新页面里告诉你操作是成功了还是失败了。如果不幸由于网络太慢或者其他原因,就会得到一个404页面。
如果要让用户留在当前页面中,同时发出新的HTTP请求,就必须用JavaScript发送这个新请求,接收到数据后,再用JavaScript更新页面,这样一来,用户就感觉自己仍然停留在当前页面,但是数据却可以不断地更新。也就是以 回调函数 的形式,进行一个异步的操作,例如点击 submit 按钮,页面并未刷新,等数据返回成功之后,直接渲染到页面。
通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。也就是我们常说的 局部刷新 。-----这就是AJAX的作用

来看看如何实现一个AJAX: