ajax高频面试问题总结
一、什么是 aja?
二、ajax的原理?
首先举个例子：假如领导想让小王汇报一下工作，就委托秘书去叫小王，自己接着做其他事情，直到秘书告诉他小王已经到了，最后小王和领导汇报工作
ajax请求数据流程与之类似，其中最核心的依赖是浏览器提供的XMLHttpRequest对象，它扮演的角色相当于秘书，使得浏览器可以发出请求和接收响应。浏览器接着做其他事情，等接收到XHR返回来的数据后再渲染页面
三、ajax请求数据的过程?
创建一个'XMLHttpRequest'异步调用对象
创建一个新的HTTP请求,并指定请求的方法、URL及验证信息
设置响应HTTP请求状态变化的函数
发送HTTP请求
获取异步调用返回的数据
使用JavaScript和dom实现局部刷新
var xhr = new XMLHttpRequest(); // 初始化请求对象
xhr.open("get/post", "路径", "true/false"); // 设置请求方式，请求地址 ，异步(true 默认的)和同步(false 强烈不推荐使用，已被弃用)
xhr.send();
xhr.onreadystatechange = function () { // 2 = 加载完毕（loaded），请求已接收头信息；3 = 交互 ，请求处理中，已接收主体信息；4 = 完成（complete），响应已完成(返回响应结果：成功/重定向/不存在/服务器有问题)
if (xhr.readyState == 4 && xhr.status == 200) { // xhr.readyState：请求的状态；xhr.status：服务器返回的响应状态（成功 200，重定向 300，不存在 400，服务器有问题 500)
var result = JSON.parse(xhr.responseText);
}
}四、ajax都有哪些优点和缺点？
ajax的优点：
最大的优点是页面无刷新，用户的体验非常好
使用异步方式与服务器通信，具有更加迅速的响应能力
ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，减轻服务器和带宽的负担
基于标准化并被广泛支持的技术，不需要下载插件或者小程序
ajax的缺点
ajax不支持浏览器back按钮
安全问题 ，ajax暴露了与服务器交互的细节
对搜索引擎的支持比较弱
破坏了程序的异常机制
五、http常见状态码有哪些？
HTTP协议状态码表示的意思主要分为五类，大体是:
1××：保留
2××：表示请求成功地接收
3××：为完成请求客户需进一步细化请求
4××：客户错误
5××：服务器错误
六、ajax的几种请求方式以及优缺点？
常见的请求方式： get post delete put
get参数通过url传递，post放在request body中
get方式发送数据时，参数数据队列在url中是可见的，post不可见
get传输速率比较快，post比较慢
get保密性低，post保密性高
get传递的参数是有长度限制的，post没有
get请求只能进行url编码，而post支持多种编码方式
七、什么是同源策略以及跨域是什么？
同源策略：防止 JavaScript 发起跨域请求，源被定义为协议、主机名和端口号的组合，下面这个图详细的解释了同源
跨域：基于浏览器的同源策略，只有当协议、端口、和域名都相同的页面才具有相同的源。只要有一个不同，就产生跨域问题
解决方法：
jsonp，允许 script 加载第三方资源
nginx反向代理（nginx 服务内部配置 Access-Control-Allow-Origin *）
cors 前后端协作设置请求头部，Access-Control-Allow-Origin 等头部信息
iframe 嵌套通讯，postmessage
原文地址：https://www.cnblogs.com/chenfairy/p/14156294.html
本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！
