1 、介绍一下 Prototype 的 $() 函数, $F() 函数, $A() 函数都是什么作用?
$() 方法是在DOM 中 使用过于频繁的 document.getElementById() 方法的一个便利的简写,就像这个DOM 方 法一样,这个方法返回参数传入的id 的那个元素。
$F() 函数是另一个大收欢迎的“ 快 捷键” ,它能用于返回任何表单输入控件的值,比如text box,drop-down list 。 这个方法也能用元素id 或元素本身做为参数。
$A() 函数能把它接收到的单个的参数转换成一个Array 对 象。
2 、介绍一下 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 开 始被支持。
3 、 AJAX 应用和传统 Web 应用有什么不同?
在传统的Javascript 编程中,如果想得到服务器端数据库或 文件上的信息,或者发送客户端信息到服务器,需要建立一个HTML form 然后GET 或者POST 数 据到服务器端。用户需要点击”Submit” 按钮来发送或者接受数据信息,然后等待服务器响应请求,页面重新加载。
因为服务器每次都会返回一个新的页面, 所以传统的web 应用有可 能很慢而且用户交互不友好。
使用AJAX 技术, 就可以使Javascript 通 过XMLHttpRequest 对象直接与服务器进行交互。
通过HTTP Request , 一个web 页 面可以发送一个请求到web 服务器并且接受web 服务器返回的信息( 不 用重新加载页面) ,展示给用户的还是通一个页面,用户感觉页面刷新,也看不到到Javascript 后 台进行的发送请求和接受响应。
4 、 AJAX 的全称是什么? 介绍一下 AJAX ?
AJAX 的全称是Asynchronous JavaScript And XML.
AJAX 是2005 年由Google 发 起并流行起来的编程方法, AJAX 不是一个新的编程语言,但是它是一个使用已有标准的新的编程技术。
使用AJAX 可以创建更好,更快,更用户界面友好的Web 应 用。
AJAX 技术基于Javascript 和HTTP Request.
5 、 Ajax 请求总共有多少种 Callback?
Ajax 请求总共有八种Callback
6 、 Javascript 如何发送一个 Ajax 请求?
代码:
new Ajax.Request(’/your_url’),
{
method : ‘get’,
onSuccess : function(transport){
var response = transport.responseText || “no response text”;
alert(”Success!”);
} ,
onFailure : function(){ alert(’failure’)}
});
7 、 AJAX 都有哪些有点和缺点?
1 、最大的一点是页面无刷新,用户的体验非常好。
2 、使用异步方式 与服务器通信,具有更加迅速的响应能力。
3 、可以把以前一 些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,ajax 的 原则是“ 按需取数据” ,可以最大程度的减少冗余请求,和响应对服务器造成的负担。
4 、基于标准化的 并被广泛支持的技术,不需要下载插件或者小程序。
ajax 的缺点
1 、ajax 不 支持浏览器back 按钮。
2 、安全问题 AJAX 暴露了与服务器交互的细节。
3 、对搜索引擎的 支持比较弱。
4 、破坏了程序的 异常机制。
5 、不容易调试。
8 、 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 。
9 、主要的 Ajax 框架都有什么?
* Dojo (dojotoolkit.org );
* Prototype 和Scriptaculous (www.prototypejs.org 和script.aculo.us );
* Direct Web Reporting (getahead.org/dwr );
* Yahoo! User Interface Library (developer.yahoo.com/yui );
* Google Web Toolkit (code.google.com/webtoolkit )。
*JQuery
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 、 XMLHttpRequest 对象在 IE 和 Firefox 中创建方式有没有不同?
IE 中通过 new ActiveXObject() 得到, Firefox 中通过 new XMLHttpRequest() 得到