Ajax异步请求原理

  • Post author:
  • Post category:其他




一、Ajax能做什么

异步请求、局部刷新



二、同步请求

JavaScript的特点是单线程,也正是因为单线程造成了同步请求



1. 为什么JS是单线程:

JS 作为游览器脚本语言,主要用途是和用户交互、操作 DOM,如果使用多线程,会造成复杂的同步问题,如两个线程同时操作一个 DOM 节点,一个线程在这个节点上添加内容,另一个线程删除了这个节点,应该以哪个线程为准呢?

为了避免复杂性,所以 JS 采用了单线程模式,即使 HTML5 的新标准里面,允许 JS 创建多个线程,子线程也必须受主线程控制,并且不允许操作DOM。



2. 请求流程

客户端直接请求服务端,必须等待服务端响应以后才可执行后续操作

在这里插入图片描述



三、异步请求



1. Ajax工作原理

客户端的请求被交给了 Ajax 的代理处理, 由 Ajax 向服务器发送请求, 得到响应结果以后再通过回调函数通知客户端, 这样就使得游览器不再需要等待服务器响应。

在这里插入图片描述



2. XMLHttpRequest

XMLHttpRequest一开始只是微软浏览器提供的一个接口,后来各大浏览器纷纷效仿也提供了这个接口,再后来W3C对它进行了标准化,提出了XMLHttpRequest标准。

XMLHttpRequest 对象是AJAX 的核心,也是 Ajax 能实现异步请求的关键:

(1) XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问,包括做出 POST 和 以及 GET 请求的能力。

(2) XMLHttpRequest 可以同步或异步地返回 Web 服务器的响应,并且能够以文本或者一个 DOM 文档的形式返回内容。



版权声明:本文为dog_m原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。