Ajax / 计算机网络相关 面试题总结

1、什么是 Ajax，Ajax 的原理，Ajax 都有哪些优点和缺点？

他是指一种创建交互式网页应用的网页开发技术。

异步的获取服务器端的数据,实现页面的局部刷新.

Ajax 的原理

通过 XMLHTTPRequest 对象来向服务器发异步请求，从服务器获得数据，然后用 javascript来操作 DOM 而更新页面。这其中最关键的一步就是从服务器获得请求数据。

XMLHTTPRequest 是 Ajax 的核心机制，它是在 IE5 中首先引入的，是一种支持异步请求的技术。简单的说，也就是 javascript 可以及时向服务器提出请求和处理响应，而不阻塞用户。达到无刷新的效果。

Ajax 的优点

最大的一点是页面无刷新，用户的体验非常好。

使用异步方式与服务器通信，具有更加迅速的响应能力。

前端和后端负载平衡, 可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理， 减轻服务器和带宽的负担，节约空间和宽带租用成本。

基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。

Ajax 的缺点

Ajax 不支持浏览器 back 按钮。

安全问题 Ajax 暴露了与服务器交互的细节。

对搜索引擎的支持比较弱。

破坏了程序的异常机制

2、常见的 HTTP 状态码以及代表的意义

200（ OK）：请求已成功

400（ Bad Request）：请求格式错误。

404（ Not Found）：请求失败

500（ Internal Server Error）：服务器遇到了一个未曾预料的状况

3、请介绍一下 XMLHTTPrequest 对象及常用方法和属性

XMLHTTPrequest 对象

Ajax 的核心是 XMLHTTPRequest。它是一种支持异步请求的技术,使用 JavaScript 向服务器提出请求并处理响应，而不阻塞用户。可以在页面加载以后进行页面的局部更新.

XMLHttpRequest是浏览器内置的一个构造函数。

方法

open(String method,String url,boolean asynch,String username,String password)

send(content)

setRequestHeader(String header,String value)

getAllResponseHeaders()

getResponseHeader(String header)

abort()

常用详细解析

open()：该方法创建 HTTP 请求

第一个参数是指定提交方式(post、get)

第二个参数是指定要提交的地址是哪

第三个参数是指定是异步还是同步(true 表示异步，false 表示同步)

第四和第五参数在 HTTP 认证的时候会用到。

常用属性

onreadystatechange：请求状态改变的事件触发器，一般用于指定回调函数

readyState：请求状态 readyState 一改变，回调函数被调用

4、Ajax 的实现流程是怎样的？

创建 XMLHTTPRequest 对象,也就是创建一个异步调用对象.

创建一个新的 HTTP 请求,并指定该 HTTP 请求的方法、URL 及验证信息.

设置响应 HTTP 请求状态变化的函数.

发送 HTTP 请求.

获取异步调用返回的数据.

使用 JavaScript 和 DOM 实现局部刷新

5、Ajax 接收到的数据类型有哪些，数据如何处理？

接收到的数据类型

String / JSON 字符串 / 二进制数据流

JSON 字符串反序列化后， 转成引用类型使用

String 直接使用

前端用 Blob 转换

如何处理数据

字符串转对象

第一种方式：eval（）

第二种方式：JSON.parse（）

6、请解释一下 JavaScript 的同源策略

同源指的是：协议，域名，端口相同，同源策略是一种安全协议，指一段脚本只能

读取来自同一来源的窗口和文档的属性。

7、为什么会有跨域的问题出现，如何解决跨域问题

浏览器的同源策略不允许非同源的 URL 之间进行资源的交互。

什么是跨域 : 指的是浏览器不能执行其他网站的脚本，

解决方式

jsonp

原理：动态创建一个 script 标签。利用 script 标签的 src 属性不受同源策略限制。因为所有的 src 属性和 href 属性都不受同源策略限制。可以请求第三方服务器数据内容。

}

CORS：跨域资源共享

反向代理

8、Get 和 Post 的区别以及使用场景

区别

1、Get 使用 URL 或 Cookie 传参。而 Post 将数据放在 body 中

2、Get 的 URL 会有长度上的限制，则 Post 的数据则可以非常大

3、Post 比 Get 安全，因为数据在地址栏上不可见

还有语义的区别：

GET 是获取， POST 是提交

Get 是用来从服务器上获得数据，而 post 是用来向服务器上传递数据

Get/Post 使用场景

若符合下列任一情况，则 Post 方法：

1、请求的结果有持续性的作用，例如：数据库内添加新的数据行

2、若使用 Get 方法，则表单上收集的数据可能让 URL 过长

3、要传送的数据不是采用 ASCII 编码

若符合下列任一情况，则用 Get 方法：

1、请求是为了查找资源，html 表单数据仅用来搜索

2、请求结果无持续性的副作用

3、收集的数据及 html 表单内的输入字段名称的总长不超过 1024 个字符

9、解释 jsonp 的原理

JSONP是实现跨域数据请求的一种技术解决方案。它只支持 GET 请求，不支持 POST、DELETE 等其它请求。

具体原理

是通过动态创建 script 标签，然后通过标签的 src 属性获取 js 文件中的 js 脚本，该脚本的内容是一个函数调用，参数就是服务器返回的数据，为了处理这些返回的数据，需要事先在页面定义好回调函数，本质上使用的并不是 Ajax 技术，Ajax 请求受同源策略的影响，不允 许进行跨域请求，而 script 标签的 src 属性中的链接却可以访问跨域的 js 脚本，利用这个特性，服务端不在返回 json 格式的数据，而是返回调用某个函数的 js 代码，在 src 中进行了调用，这样就实现了跨域

10、封装好的 Ajax 里的常见参数及其代表的含义

url: 发送请求的地址。

type: 请求方式（post 或 get）默认为 get。

async: 同步异步请求，默认 true 所有请求均为异步请求。

timeout : 超时时间设置，单位毫秒

data：要求为 Object 或 String 类型的参数，发送到服务器的数据

dataType: 预期服务器返回的数据类型。