脚本宝典收集整理的这篇文章主要介绍了js实例教程-分享几道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：384754419，请注明来意。