本文的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取消请求文章来源：https://www.toymoban.com/news/detail-405158.html
var xhr = new XMLHttpRequest();
xhr.abort();
（2）axios取消请求
（i）使用 CancelToken.source 工厂方法创建 cancel token文章来源地址https://www.toymoban.com/news/detail-405158.html
const CancelToken = axios.CancelToken;
const source = CancelToken.到了这里，关于Ajax面试题 | 前端的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![ChatGPT 前端流式数据如何处理？本文提供三种方案为你揭开疑惑【websocket、SSE、fetch Stream]](https://imgs.yssmx.com/Uploads/2024/02/765741-1.png)
