zlx362211854 / daily-study

每日一个知识点总结,以issue的形式体现
10 stars 6 forks source link

21.请详细描述AJAX的工作原理 #51

Open roxy0724 opened 5 years ago

zlx362211854 commented 5 years ago

ajax是浏览器向服务器发送网络请求的过程,采用了XMLHttpRequest来实现,一般的ajax请求,有以下步骤:

  1. 浏览器实例化一个XMLHttpRequest对象,用来发送请求和接收响应。
  2. 浏览器注册监听回调函数,内核新开进程,执行http网络请求任务。
  3. 如果是同步请求,浏览器会等到该请求返回了,再继续执行其他任务。
  4. 如果是异步请求,浏览器注册监听了以后,会继续执行其他任务,直到请求返回。
  5. 请求返回后,浏览器执行监听函数内的任务。
goldEli commented 5 years ago
  1. AJAX 全称 Asynchronous JavaScript And XML, 从名字可以看出 AJAX 最重要的能力就是异步
  2. 名称中的 XML,有一定的迷惑性,并不是指数据只能用 XML 进行传递,JSON text, plain text 都可以。
  3. 它异步能力是浏览器提供 XMLHttpRequest 对象实现的
  4. 在浏览器页面渲染结束后,向服务器发起异步请求,服务器响应请求,AJAX 接收到请求,执行回调处理返回数据(局部刷新页面)
roxy0724 commented 5 years ago

AJAX是通过与服务器进行少量交互,使页面得到异步更新。主要原理是浏览器创建XMLHttpRequest对象,向服务器发起HttpRequest请求,服务器在接收后开始处理,创建响应并将数据返回给浏览器,浏览器将返回数据进行js处理,并更新页面。