Ajax系列面试题总结.docVIP

Ajax系列面试题总结:

1、Ajaｘ是什么?如何创建一个Ajaｘ?

Ajａx并不算是一个新的技术，全称是asychｒonｏusｊａvaｓｃriptandxｍｌ,可以说是已有技术的组合，重要用来实现客户端与服务器端的异步通信效果，实现页面的局部刷新，初期的浏览器并不能原生支持ajａx，可以使用隐藏帧(iｆｒame）方式变相实现异步效果,曰后的浏览器提供了对ajaｘ的原生支持

使用ａjax原生方式发送祈求重要经过ＸMLHttpReｑｕest(原则浏览器)、ActiveXObjeｃt(IE浏览器)对象实现异步通信效果

基本环节：

varｘhr=nuｌｌ;／/创建对象

ｉf（wｉndow．XMLHttpRｅqｕest){

?ｘhr=neｗXMLＨtｔpRequest();

｝eｌsｅ｛

xhr=ｎewActiveXOｂｊect(Microsoｆt.ＸMLHＴＴP)；

}

ｘｈr.opｅn(“方式”,”地址”,”标志位”）;//初始化祈求

xhr．setRequesｔＨeａｄｅr(“”,””)；/／设立htｔp头信息

ｘhr.ｏnｒeａdｙsｔａtｅｃhange＝ｆunctiｏn（){}//指定回调函数

xhr．send();／/发送祈求

ｊs框架(ｊＱueｒｙ/ＥXTJS等)提供的ajaｘＡPI对原生的ajａx进行了封装，熟悉了基础理论,再学习别的框架就会得心应手，好多都是换汤不换药的内容

2、同时和异步的区别?

同时:阻塞的

-张三叫李四去吃饭,李四一直忙得不停，张三一直等着，直到李四忙完两个人一块去吃饭

=浏览器向服务器祈求数据,服务器比较忙,浏览器一直等着（页面白屏），直到服务器返回数据，浏览器才能显示页面

异步：非阻塞的

-张三叫李四去吃饭,李四在忙,张三说了一声然后自已就去吃饭了，李四忙完后自已去吃

=浏览器向服务器祈求数据，服务器比较忙，浏览器可以自如的干原来的事情(显示页面）,服务器返回数据的时候告知浏览器一声,浏览器把返回的数据再渲染到页面,局部更新

3、如何解决跨域问题?

了解跨域的概念：协议、域名、端口都相同才同域，不然都是跨域

出于安全考虑，服务器不允许ajａx跨域获取数据，但是可以跨域获取文件内容,所以基于这一点,可以动态创建ｓcｒiｐt标签,使用标签的src属性访问js文件的形式获取ｊs脚本,而且这个js脚本中的内容是函数调用,该函数调用的参数是服务器返回的数据,为了获取这里的参数数据，需要事先在页面中定义回调函数,在回调函数中解决服务器返回的数据,这就是解决跨域问题的主流解决方案

4、页面编码和被祈求的资源编码假如不一致如何解决？

对于aｊaｘ祈求传递的参数，假如是ｇet祈求方式，参数假如传递中文,在有些浏览器会乱码，不一样的浏览器对参数编码的解决方式不一样,所以对于get祈求的参数需要使用encｏdeUＲIＣompｏnｅnt函数对参数进行编码解决，后台开发语言都有相应的解码apｉ。对于post祈求不需要进行编码

5、简述ajａｘ的过程。

1.创建ＸMLＨｔtpＲequesｔ对象,也就是创建一个异步调用对象

2.创建一个新的HTＴP祈求,并指定该HTTP祈求的方法、URL及验证信息

３．设立响应ＨTTP祈求状态变化的函数

４.发送HＴTP祈求

5．获取异步调用返回的数据

6.使用ＪａvａScrｉpt和DOＭ实现局部刷新

6、阐述一下异步加载。

１.异步加载的方案:动态插入scｒipt标签

２．经过ajａx去获取js代码,然后经过eval执行

３.ｓcｒipｔ标签上添加defer或者aｓyｎc属性

4.创建并插入ifｒame,让它异步执行js

7、请解释一下ＪａvaＳcriｐt的同源策略。

同源策略是客户端脚本(特别是Javascｒiｐｔ)的重要的安全度量原则。它最早出自NeｔｓcapeＮavigator2.0,其目标是防止某个文档或脚本从多个不一样源装载。所谓同源指的是：协议,域名，端口相同,同源策略是一个安全协议,指一段脚本只能读取来自同一起源的窗口和文档的属性。

8、ＧEＴ和POST的区别,何时使用POST？

GET:通常用于信息获取,使用UＲL传递参数，对所发送信息的数量也有限制,通常在个字符，有的浏览器是80０0个字符

ＰOST:通常用于修改服务器上的资源，对所发送的信息没有限制

在如下情况中，请使用POSＴ祈求:

1.无法使用缓存文件(更新服务器上的文件或数据库）

2.向服务器发送大量数据（POＳT没有数据量限制)

3.发送包含未知字符的用户输入时,POＳT比GET更稳定也更可靠

9、ａjax是什么?ajaｘ的交互模型?同时和异