Ajax面试常见问题及答案，前端入门教程，3个月学会前端开发

方案3）在URL后面加上一个随机数： “fresh=” + Math.random();

方案4）在URL后面加上时间戳：“nowtime=” + new Date().getTime()

方案5）在jq ajax下，使用 $.ajaxSetup({cache:false}) 这样就不会保存缓存记录

6、简述ajax的优缺点

优点：

1）无刷新更新数据（在不刷新整个页面的情况下维持与服务器通信）

2）异步与服务器通信（使用异步的方式与服务器通信，不打断用户的操作）

3）前端和后端负载均衡（将一些后端的工作交给前端，减少服务器与宽度的负担）

4）界面和应用相分离（ajax将界面和应用分离也就是数据与呈现相分离）

缺点：

1）ajax不支持浏览器back按钮

2）安全问题 Aajax暴露了与服务器交互的细节

3）对搜索引擎的支持比较弱

4）破坏了Back与History后退按钮的正常行为等浏览器机制

7、阐述一下异步加载JS的几种方案（异步加载：浏览器在下载执行js的同时，还会继续进行后续页面的处理）

方案1）异步加载的方案： 动态插入 script 标签

方案2）通过 ajax 去获取 js 代码，然后通过 eval 执行

方案3）script 标签上添加 defer 或者 async 属性

方案4）创建并插入 iframe，让它异步执行 js

8、json字符串与对象如何相互转换

把JSON格式转成对象：JSON.parse()

把对象转成标准json：JSON.stringify()

使用eval能够把字符串尽量转成js运行的代码 eval(’(’ + jsonstr + ‘)’)

eval是不安全的（可能会注入不必要的东西），通过new Function(’’,‘return’+json)();可以解决该问题

9、介绍一下XMLHttpRequest对象，他有哪些常用方法和属性

XMLHttpRequest是ajax的核心，通过XMLHttpRequest对象，Web开发人员可以在页面加载以后进行页面的局部更新

常用的方法：

open(get/post,url,是否异步)创建http请求

send()发送请求给服务器

setRequestHeader()设置头信息（使用post才会用到，get并不需要调用该方法）

常用的属性：

onreadystatechange 用于监听ajax的工作状态（readyState变化时会调用此方法）

readyState 用来存放XMLHttpRequest的状态

status 服务器返回的状态码

responseText 服务器返回的文本内容

10、说下readyState属性是干嘛的，都有哪几个状态

readyState属性用来存放XMLHttpRequest的状态，监听从0-4发生不同的变化

0：请求未初始化（此时还没有调用open）

1：服务器连接已建立，已经发送请求开始监听

2：请求已接收，已经收到服务器返回的内容

3：请求处理中，解析服务器响应内容

4：请求已完成，且响应就绪

11、jquery ajax怎么实现,你认为他有什么不足之处

$.ajax({

url:发送请求的地址,

data:数据的拼接,//发送到服务器的数据

type:‘get’,//请求方式，默认get请求

dataType:‘json’,//服务器返回的数据类型

async:true,//是否异步，默认true

cache:false,//设置为 false 将不会从浏览器缓存中加载请求信息

success:function(){},//请求成功后的回调函数

error: function(){}//请求失败时调用此函数

})

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

Vue

• 什么是MVVM？

• mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？

• 组件之间的传值？

• Vue 双向绑定原理

• 描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？

• 虚拟 DOM 实现原理

• Vue 中 key 值的作用？

• Vue 的生命周期

• Vue 组件间通信有哪些方式?

• vue 中怎么重置 data?

• 组件中写 name 选项有什么作用？

• Vue 的 nextTick 的原理是什么？

• Vuex 有哪几种属性?

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  

组件中写 name 选项有什么作用？

• Vue 的 nextTick 的原理是什么？

• Vuex 有哪几种属性?

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】