Ajax面试题 | 前端

本文的Ajax面试题主要来源于网上的文章和课程，会有出处注明。
本文主要作为自用备忘。
Ajax知识点笔记

---

一、什么是Ajax

1.Ajax的概念

Ajax是异步的javascript和xml
Ajax是一种用于创建快速动态网页的技术

2.Ajax的作用、优缺点

作用：ajax用来与后台交互

优点：

• 最大的优点就是页面无需刷新，在页面内与服务器通信，非常好的用户体验。
• 使用异步的方式与服务器通信，不需要中断操作。
• 可以把以前服务器负担的工作转嫁给客户端，减轻服务器和带宽，可以最大程度减少冗余请求。
• 基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。

缺点：

• Ajax干掉了Back和History功能，即对浏览器机制的破坏。 无法使用浏览器前进后退。
• 安全问题：跨站脚本攻击、SQL注入攻击等。
• 对搜索引擎的支持比较弱。如果使用不当，AJAX会增大网络数据的流量，从而降低整个系统的性能。

题目答案来源

3.Ajax有几种请求方式？它们的优缺点？

常用的post,get,delete。不常用copy、head、link等等。

a.代码上的区别
（1）get通过url传递参数
（2）post设置请求头 规定请求数据类型

b.使用上的区别
（1）post比get安全
(因为post参数在请求体中。get参数在url上面)
（2）get传输速度比post快 根据传参决定的。
(post通过请求体传参，后台通过数据流接收。速度稍微慢一些。而get通过url传参可以直接获取)
（3）post传输文件大理论没有限制 get传输文件小大概7-8k ie4k左右
（4）get获取数据 post上传数据
(上传的数据比较多 而且上传数据都是重要数据。所以不论在安全性还是数据量级 post是最好的选择)
题目答案来源

4.json字符串转换集json对象、json对象转换json字符串

//字符串转对象
JSON.parse(json)
eval('(' + jsonstr + ')')   
// 对象转字符串
JSON.stringify(json)

题目答案来源

5.ajax请求如何取消

（1）原生xhr取消请求

var xhr = new XMLHttpRequest();
xhr.abort();

（2）axios取消请求
（i）使用 CancelToken.source 工厂方法创建 cancel token

const CancelToken = axios.CancelToken;
const source = CancelToken.