摘要:1.AJAX有哪些优点和缺点一.优点:(1)最大的一点是页面无需刷新,用户的体验非常好。

脚本宝典收集整理的这篇文章主要介绍了

js实例教程-分享几道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="这是刷新后的数据"

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="这是刷新后的数据"

觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

总结

以上是脚本宝典为你收集整理的

js实例教程-分享几道AJAX相关的面试题

全部内容,希望文章能够帮你解决

js实例教程-分享几道AJAX相关的面试题

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过