本文的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.
精彩文章
发表评论