分享几道AJAX相关的面试题

1.ajax有哪些优点和缺点

一.优点:

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

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

（3）可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和宽带的负担，节约空间和宽带租用成本。并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。

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

二.缺点

（1）ajax不支持back按钮

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

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

（4）破坏了程序的异常机制

（5）不容易调试

2.ajax应用和传统web应用有什么不同？

在传统的javascript中，如果想得到服务器端或文件上的信息，或者发送客户端信息到服务器，需要建立一个html form然后get或者post数据到服务器端。用户需要点击”submit”按钮来发送或者接受数据信息，然后等待服务器响应请求，页面重新加载。

因为服务器每次都会返回一个新的页面， 所以传统的web应用有可能很慢而且用户交互不友好。

使用ajax技术，就可以使javascript通过xmlhttprequest对象直接与服务器进行交互。通过http request，一个web页面可以发送一个请求到web服务器并接受web服务器返回的信息(无需重新加载页面),展示给用户的还是同一个页面，用户感觉页面刷新，也看不到javascript后台进行的发送请求和响应，体验非常好。

3.ajax的实现流程是怎样的

（1）创建xmlhttprequest对象，也就是创建一个异步调用对象

（2）创建一个新的http请求，并指定该http请求的方法，url及验证信息

（3）设置响应http请求状态变化的函数

（4）发送http请求

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

（6）使用javascript和dom实现局部刷新

步骤一:创建xmlhttprequest对象

（不考虑ie）xmlhttprequest request=new xmlhttprequest();

步骤二:创建新的http请求

xmlhttprequest.open(method,url,flag,name,password);

步骤三:设置响应http请求变化的函数

xmlhttprequest.onreadystatechange=getdata;

function getdata(){

if(xmlhttprequest.readystate==4){

//获取数据

}

}

步骤四:发送http请求

xmlhttprequest.send(data);

步骤五:获取异步调用返回的对象

function(data){

//异步提交后，交互成功，返回的data便是异步调用返回的对象，该对象是一个string类型的

}

步骤六:使用js,dom实现局部刷新

mydiv.innerhtml="这是刷新后的数据"