本文的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.

精彩文章

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: