分享几道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="这是刷新后的数据"
上一篇: js原型及原型链代码分析
下一篇: 揭秘铁面无私的包拯在历史上是否真的存在