Ajax是如何运行的?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax是如何运行的?相关的知识,希望对你有一定的参考价值。

1、我们需要知道什么是Ajax:

AJAX = Asynchronous javascript and XML(异步的 JavaScript 和 XML)。

AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

2、无论学习那种语言,我们都需要知道它是用来干什么的,ajax可以帮助我们实现异步刷新功能!

3、我们来研究一下,它是怎么工作的:

技术分享

解读:我们首先看一下在console中运行的结果:

onreadystatechange 这一步起到了监听的作用:

通俗点说就是:

onreadystatechange监听readyState

readyState属性一旦变化,就能触发onreadystatechange函数的执行!这是官网上告诉我们的

值得注意:官网上的叙述有些歧义, 我们可以看到,当xhr.readyState == 4完成时,函数才开始执行!

技术分享

ajax就是通过这四步执行操作的!

 

以上是关于Ajax是如何运行的?的主要内容,如果未能解决你的问题,请参考以下文章

如何取消 AJAX 长时间运行的 MVC 动作客户端(在 javascript 中)?

通过 ajax 更改页面时如何运行 Greasemonkey 脚本?

如何在通过ajax加载的html中运行javascript

如何在浏览器控制台中记录使用 jQuery AJAX 运行的 PHP 文件?

如何区分 Ajax 请求和普通 Http 请求?

如何在后台连续运行 ajax 请求?