AJAX笔试面试题汇总

Javascript

转载自http://mianshiti.diandian.com/post/2013-05-01/40050873257

1. 什么是ajax，为何要使用Ajax（请谈一下你对Ajax的认识）

什么是ajax：

AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种建立交互式网页应用的网页开发技术。

Ajax包含下列技术：

• 基于web标准（standards-based presentation）XHTML+CSS的表示；

• 使用 DOM（Document Object Model）进行动态显示及交互；

• 使用 XML 和 XSLT 进行数据交换及相关操做；

• 使用 XMLHttpRequest 进行异步数据查询、检索；

• 使用 JavaScript 将全部的东西绑定在一块儿。

为何要用ajax：Ajax应用程序的优点在于：

• 1. 经过异步模式，提高了用户体验

• 2. 优化了浏览器和服务器之间的传输，减小没必要要的数据往返，减小了带宽占用

• 3. Ajax引擎在客户端运行，承担了一部分原本由服务器承担的工做，从而减小了大用户量下的服务器负载。

2. Ajax的最大的特色是什么。

Ajax能够实现动态不刷新（局部刷新）

就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动做，并避免了在网络上发送那些没有改变过的信息。

3. 请介绍一下XMLHTTPREQUEST对象？

Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。经过XMLHttpRequest对象，Web开发人员能够在页面加载之后进行页面的局部更新。

4. Ajax技术体系的组成部分有哪些？

HTML，css，dom，xml，xmlHttpRequest，javascript

5. AJAX应用和传统Web应用有什么不一样？

在传统的Javascript编程中，若是想获得服务器端数据库或文件上的信息，或者发送客户端信息到服务器，须要创建一个HTML form而后GET或者POST数据到服务器端。用户须要点击”Submit”按钮来发送或者接受数据信息，而后等待服务器响应请求，页面从新加载。

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

使用AJAX技术， 就可使Javascript经过XMLHttpRequest对象直接与服务器进行交互。

经过HTTP Request， 一个web页面能够发送一个请求到web服务器而且接受web服务器返回的信息(不用从新加载页面)，展现给用户的仍是通一个页面，用户感受页面刷新，也看不到到Javascript后台进行的发送请求和接受响应。

6. AJAX请求总共有多少种CALLBACK

Ajax请求总共有八种Callback

• onSuccess

• onFailure

• onUninitialized

• onLoading

• onLoaded

• onInteractive

• onComplete

• onException

7.Ajax和javascript的区别？

javascript是一种在浏览器端执行的脚本语言，Ajax是一种建立交互式网页应用的开发技术 ，它是利用了一系列相关的技术其中就包括javascript。

Javascript是由网景公司开发的一种脚本语言，它和sun公司的java语言是没有任何关系的，它们类似的名称只是一种行销策略。

在通常的web开发中，javascript是在浏览器端执行的，咱们能够用javascript控制浏览器的行为和内容。

在 Ajax应用中信息是如何在浏览器和服务器之间传递的

     经过XML数据或者字符串

8，在浏览器端如何获得服务器端响应的XML数据

      XMLHttpRequest对象的responseXMl属性

9， XMLHttpRequest对象在IE和Firefox中建立方式有没有不一样？

有，IE中经过new ActiveXObject()获得，Firefox中经过new XMLHttpRequest()获得

10，介绍一下XMLHttpRequest对象的经常使用方法和属性（回答的越多越好）

            open(“method”,”URL”) 创建对服务器的调用，第一个参数是HTTP请求    方式能够为GET，POST或任何服务器所支持的您想调用的方式。
第二个参数是请求页面的URL。

• send()方法，发送具体请求

• abort()方法，中止当前请求

• readyState属性   请求的状态 有5个可取值 0=未初始化 ，1=正在加载

            2=以加载，3=交互中，4=完成

• responseText 属性  服务器的响应，表示为一个串

• reponseXML 属性 服务器的响应，表示为XML

    status    服务器的HTTP状态码，200对应ok  400对应not found

11，Ajax的优势和缺点

使用Ajax的最大优势，就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动做，并避免了在网络上发送那些没有改变过的信息。

对应用Ajax最主要的缺点就是，它可能破坏浏览器后退按钮的正常行为

由于Ajax中采用了xml技术，因此在Ajax中也可能问到XML的问题

12，什么是XML

    XML是扩展标记语言，可以用一系列简单的标记描述数据

13，xml的解析方式

    经常使用的用dom解析和sax解析。dom解析是一次性读取xml文件并将其构造为DOM对象供程序使用，优势是操做方便，可是比较耗内存。Sax是按事件驱动的方式解析的，占用内存少，可是编程复杂

14，你采用的是什么框架（架包）？

      这题是必问的，通常也是最开始就会问到。

      在java中比较流行的有 dojo, Prototype , JQuery, Dwr, extjs  等等

15，若是熟悉某种ajax框架，他可能会问到怎样在程序中使用这种框架

DWR框架介绍

• DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可让AJAX开发变得很简单.利用DWR能够在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用同样(DWR根据Java类来动态生成JavaScrip代码).

• DWR的实现原理是经过反射，将java翻译成javascript，而后利用回调机制，从而实现了javascript调用Java代码

16，介绍一下Prototype的$()函数，$F()函数，$A()函数都是什么做用？

• $() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写，就像这个DOM方法同样，这个方法返回参数传入的id的那个元素。

• $F()函数是另外一个大收欢迎的“快捷键”，它能用于返回任何表单输入控件的值，好比text box,drop-down list。这个方法也能用元素id或元素自己作为参数。

• $A()函数能把它接收到的单个的参数转换成一个Array对象。

17、介绍一下XMLHttpRequest对象

经过XMLHttpRequest对象，Web开发人员能够在页面加载之后进行页面的局部更新。

AJAX开始流行始于Google在2005年使用的”Google Suggest”。

“Google Suggest”就是使用XMLHttpRequest对象来建立动态的Web接口：

当用户开始输入google的搜索框，Javascript发送用户输入的字符到服务器，而后服务器返回一个建议列表。

XMLHttpRequest对象在IE5.0+, Safari 1.2, Mozilla 1.0/Firefox, Opera 8+ 和NetScapt7 开始被支持。

18、AJAX应用和传统Web应用有什么不一样？

在传统的Javascript编程中，若是想获得服务器端数据库或文件上的信息，或者发送客户端信息到服务器，须要创建一个HTML form而后GET或者POST数据到服务器端。用户须要点击”Submit”按钮来发送或者接受数据信息，而后等待服务器响应请求，页面从新加载。

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

使用AJAX技术， 就可使Javascript经过XMLHttpRequest对象直接与服务器进行交互。

经过HTTP Request， 一个web页面能够发送一个请求到web服务器而且接受web服务器返回的信息(不用从新加载页面)，展现给用户的仍是通一个页面，用户感受页面刷新，也看不到到Javascript后台进行的发送请求和接受响应。

19、AJAX的全称是什么？介绍一下AJAX？

AJAX的全称是Asynchronous JavaScript And XML.

AJAX是2005年由Google发起并流行起来的编程方法， AJAX不是一个新的编程语言，可是它是一个使用已有标准的新的编程技术。

使用AJAX能够建立更好，更快，更用户界面友好的Web应用。

AJAX技术基于Javascript和HTTP Request.

20，介绍一下XMLHttpRequest对象的经常使用方法和属性？

• open(“method”,”URL”) 创建对服务器的调用，第一个参数是HTTP请求    方式能够为GET，POST或任何服务器所支持的您想调用的方式。

第二个参数是请求页面的URL。

• send()方法，发送具体请求

• abort()方法，中止当前请求

• readyState属性   请求的状态 有5个可取值 0=未初始化 ，1=正在加载  2=以加载，3=交互中，4=完成

• responseText 属性 服务器的响应，表示为一个串

• reponseXML 属性 服务器的响应，表示为XML

• status    服务器的HTTP状态码，200对应ok 400对应not found

21，.Ajax主要包含了哪些技术？

Ajax（Asynchronous JavaScript + XML）的定义

• 基于web标准（standards-based presentation）XHTML+CSS的表示；

• 使用 DOM（Document Object Model）进行动态显示及交互；

• 使用 XML 和 XSLT 进行数据交换及相关操做；

• 使用 XMLHttpRequest 进行异步数据查询、检索；

• 使用 JavaScript 将全部的东西绑定在一块儿。英文参见Ajax的提出者Jesse James Garrett的原文,原文题目(Ajax: A New Approach to Web Applications)。

相似于DHTML或LAMP，AJAX不是指一种单一的技术，而是有机地利用了一系列相关的技术。事实上，一些基于AJAX的“派生/合成”式（derivative/composite）的技术正在出现，如“AFLAX”。

AJAX的应用使用支持以上技术的web浏览器做为运行平台。这些浏览器目前包括：Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。可是Opera不支持XSL格式对象，也不支持XSLT。

22、AJAX都有哪些有点和缺点？

• 一、最大的一点是页面无刷新，用户的体验很是好。

• 二、使用异步方式与服务器通讯，具备更加迅速的响应能力。

• 三、能够把之前一些服务器负担的工做转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。而且减轻服务器的负担，ajax的原则是“按需取数据”，能够最大程度的减小冗余请求，和响应对服务器形成的负担。

• 四、基于标准化的并被普遍支持的技术，不须要下载插件或者小程序。

ajax的缺点

• 一、ajax不支持浏览器back按钮。

• 二、安全问题 AJAX暴露了与服务器交互的细节。

• 三、对搜索引擎的支持比较弱。

• 四、破坏了程序的异常机制。

• 五、不容易调试。