2014ajax面试题.docVIP

1.AJAX应用和传统Web应用有什么不同？ 在传统的Javascript编程中，如果想得到服务器端数据库或文件上的信息，或者发送客户端信息到服务器，需要建立一个HTML form，通过点击“Submit”按钮以GET或者POST的方式发送请求到服务器端。然后等待服务器响应请求，页面重新加载。因为服务器每次都会返回一个新的页面， 所以传统的web应用有可能很慢而且用户交互不友好。使用AJAX技术， 就可以使Javascript通过XMLHttpRequest对象直接与服务器进行交互。通过HTTP Request， 一个web页面可以发送一个请求到web服务器并且接受web服务器返回的信息(不用重新加载页面)，展示给用户的还是同一个页面，用户感觉不到页面刷新，也看不到到Javascript后台进行的发送请求和接受响应。 介绍一下XMLHttpRequest对象 Ajax的核心是JavaScript对象XmlHttpRequest。该对象在I 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。通过XMLHttpRequest对象，Web开发人员可以在页面加载以后进行页面的局部更新。 AJAX的全称是什么？ 介绍一下AJAX AJAX的全称是Asynchronous JavaScript And XML(异步javascript和xml). AJAX是2005年由Google发起并流行起来的编程方法， AJAX不是一个新的编程语言，但是它是一个使用已有标准的新的编程技术。使用AJAX可以创建更好，更快，用户界面更友好的Web应用。AJAX技术基于Javascript和HTTP Request. 不同浏览器创建XMLHttpRequest 方法有什么不同？ XMLHttpRequest 类首先由Internet Explorer以ActiveX对象引入，被称为XMLHTTP。后来Mozilla﹑Netscape﹑Safari 和其他浏览器也提供了XMLHttpRequest类，不过它们创建XMLHttpRequest类的方法不同。 对于I浏览器： xmlhttp_request = new ActiveXObject(“Microsoft.XMLHTTP”); 对于Mozilla、Netscape、Safari等浏览器创建XMLHttpRequest 方法如下： xmlhttp_request = new XMLHttpRequest(); 如果服务器的响应没有XML mime-type header，某些Mozilla浏览器可能无法正常工作。 为了解决这个问题，如果服务器响应的header不是text/xml，可以调用其它方法修改该header。 xmlhttp_request = new XMLHttpRequest(); xmlhttp_request.overrideMimeType(‘text/xml’); 在实际应用中，为了兼容多种不同版本的浏览器，一般将创建XMLHttpRequest类的方法写成如下形式： ●发送请求 可以调用HTTP请求类的open()和send()方法，如下所示： xmlhttp_request.open(’GET’, URL, true); xmlhttp_request.send(null); open()的第一个参数是HTTP请求方式—GET，POST或任何服务器所支持的您想调用的方式。 按照HTTP规范，该参数要大写；否则，某些浏览器(如Firefox)可能无法处理请求。第二个参数是请求页面的URL。第三个参数设置请求是否为异步模式。如果是，JavaScript函数将继续执行，而不等待服务器响应。这就是”AJAX”中的”A”。 ●服务器的响应 这需要告诉HTTP请求对象用哪一个JavaScript函数处理这个响应。 首先要检查请求的状态。只有当一个完整的服务器响应已经收到了，函数才可以处理该响应。XMLHttpRequest 提供了readyState属性来对服务器响应进行判断。readyState的取值如下： 所以只有当readyState=4时，一个完整的服务器响应已经收到了，函数才可以处理该响应。具体代码如下： 当readyState=4时，一个完整的服务器响应已经收到了，接着，函数会检查HTTP服务器响应的状态值。完整的状态取值可参见W3C文档。当HTTP服务器响应的值为200时，表示状态正常。 处理从服务器得到的数据 有两种方式可以得到这些数据： (1) 以文本字符串的方式返回服务器的响应 (2) 以XMLDocument对象方式返回响应 AJAX的优缺点都有什么？