前端AJAX高频面试题及详细答案（真实面试版）.docxVIP

前端AJAX高频面试题及详细答案（真实面试版）

1、简单说下你理解的AJAX是什么？核心作用是什么？

参考答案：

AJAX不是一门新语言，是一套前端异步请求的技术方案，全称是异步JavaScript和XML。它的核心就是不用刷新整个页面，就能和后端服务器交互数据、更新页面局部内容。

以前没有AJAX的时候，前端请求数据必须刷新整个页面，体验很差。有了AJAX之后，页面可以保持不动，悄悄在后台发请求、拿数据、更新局部DOM，这也是现在所有前后端交互的基础。

现在开发虽然很少直接用原生AJAX写代码，基本都是用axios、fetch封装，但底层原理还是AJAX的异步通信逻辑。

2、AJAX的实现步骤有哪些？原生手写一遍核心流程

参考答案：

原生AJAX主要靠XMLHttpRequest对象实现，固定五个核心步骤：

1.创建XMLHttpRequest实例对象；

2.调用open方法，配置请求方式、请求地址、是否异步（默认true异步）；

3.绑定onreadystatechange监听事件，监听请求状态变化；

4.调用send方法，发送请求（GET不传参，POST传参写在send里）；

5.在监听事件里判断请求完成、状态成功，接收后端返回的数据并处理。

简易原生代码示例：

javascript

//1.创建实例

letxhr=newXMLHttpRequest(