Ajax面试常见问题及答案，Web前端开发面经分享

xhr = new XMLHttpRequest

2）规定请求地址

xhr.open(method,url,async)

3）等待服务器相应

xhr.onload

4）向服务器发送请求

xhr.send()

3、AJAX应用和传统Web应用有什么不同

在传统的Js中，如果想发送客户端信息到服务器，需要建立一个HTML表单然后GET或者POST数据到服务器端

用户需要点击提交按钮来发送数据信息，然后等待服务器响应请求，页面重新加载

使用AJAX技术，就可以使Javascript通过XMLHttpRequest对象直接与服务器进行交互

4、XMLHttpRequest对象在IE和Firefox中创建方式有没有不同？

IE中通过new ActiveXObject()得到，Firefox中通过newXMLHttpRequest()得到

使用jquery封装好的ajax，会避免这些问题

扩展：

IE内核为：trident；

Chrome内核为：blink（基于webkit，谷歌与Opera software共同开发）；

Firefox内核为：gecko；

Safari内核为：webkit内核；

Opera内核为：blink （跟Chrome一样），之前为presto；

5、ajax如何解决浏览器缓存问题,有几种解决方案？

方案1）在ajax发送请求前加上 anyAjaxObj.setRequestHeader(“If-Modified-Since”,“0”)

方案2）在ajax发送请求前加上 anyAjaxObj.setRequestHeader(“Cache-Control”,“no-cache”)

方案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()发送请求给服务器

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

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

总结

=============================================================

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

以关注我以后我还会继续分享。

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-AtK4hZRN-1712682476738)]