ajax 总结.doc

AJAX总结第一章1、ajax是什么？ AJAX的全称是Asynchronous JavaScript And XML.，即异步的Javascript和XML.2、ajax的三个基本特点？ 由javascript编写，程序异步执行，用XML来封装和传输数据。3、AJAX的6个技术基础分别是什么？HTML、CSS、DOM、javascript、XML、XMLHttpRequest4、AJAX的功能是什么？ 局部刷新，增强用户的交互体验。5、为什么使用AJAX？ Ajax应用程序的优势在于： 1. 支持异步请求，不阻塞用户。 2、局部刷新，无需页面跳转，增强了用户的交互体验。 3. 按需取数，可以最大程度的减少冗余请求和响应对服务造成的负担。4、Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少服务器负载。6、AJAX的核心技术是什么？AJAX的核心技术是XMLHttpRequest。7、AJAX的核心思想是什么？ AJAX的核心思想是支持异步交互。8、关于AJAX的描述 Ajax不是一个新技术 (1)使用XHTML和CSS的基于标准的表示技术 (2)使用DOM进行动态显示和交互 (3)使用XML和XSLT进行数据交换和处理 (4)使用XMLHttpRequest进行异步数据检索 (5)使用JavaScript将以上技术融合在一起 9、Ajax应用与传统的Web应用的区别 1.改善表单验证方式，不再需要打开新页面，也不再需要将整个页面数据提交 2.不刷新整个页面，在页面内与服务器通信。减少用户等待时间 3.按需获取数据，每次只从服务器端获取需要的数据 4.读取外部数据，进行数据处理整合 5.使用异步方式与服务器通信，不需要打断用户的操作,具有更加迅速的的响应能力 6.应用仅由少量页面组成。大部分交互在页面之内完成，不需要切换整个页面10.、ajax的缺点？1、ajax不支持浏览器back按钮。2、浏览器的通用性，每个客户的端的浏览器不尽相同、版本也不一致，有可能会造成无法动作问题。3、 对搜索引擎的支持比较弱。4、 不容易调试。第6章 XMLHttpRequest对象1、 XMLHttpRequest是Ajax的核心，是区分传统Web应用程序的标志2、 XMLHttpRequest一种支持异步请求的技术。3、 XMLHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户4、 XMLHttpRequest对象功能或作用XMLHttpRequest 对象用于和服务器交换数据。5、XMLHttpRequest对象创建 tryvar xmlhttp = new XMLHttpRequest(); /在IE下创建XMLHttpRequest对象catch(e) var xmlhttp = new ActiveXObject(Microsoft.XMLHTTP);/在非IE下创建XMLHttpRequest对象5、 XMLHttpRequest对象属性和方法oen方法,初始化请求，建立连接，设置请求的相关参数信息。send方法，发送请求，将请求发送到指定地址的HTTP服务器。abort方法，取消当前请求。XMLHttpRequest对象重新回到初始化状态。readyState,属性，表示XMLHttpRequest对象的当前状态status,属性，表示当前HTTP请求的状态responseText或responseXML属性，获取返回的数据。onreadystatechange属性，通过该事件指定事件处理函数。6、发送AJAX请求步骤： 1、创建XMLHttpRequest对象 2、使用open方法建立连接，设置相关信息 3、使用send方法发送请求 4、设置回调函数(onreadystatechange=backcall) 5、定义回调函数7、一个XMLHttpRequest对象，在其生命周期中有5种状态：即readyState属性值0（未初始化）：对象已经创建，但未调用open方法初始化1（初始化）：对象已经初始化，但未调用send方法2（发送数据）：send方法已经调用，但HTTP状态和HTTP头未知3（数据传送中）：已经开始接收数据，但由于响应数据和HTTP头信息不全，这时候尝 试获取数据会出现错误。4（完成）：数据接收完毕。8、把hello world！程序详细看一下。9、如使用PHP作为后台处理技术， 可以使用如下三个变量接收参数： $_GET、$_POST、$_REQUEST 第二 、三章 javascript1、AJAX应用程序的客户端代码依靠javascript来实现，即javascript语言是AJAX的编程语言。2、在HTML中嵌入script脚本的两种方法 1、 2、3、javascript中定义变量，用关键字var4、javascript中定义函数，用关键字function5、表达式、运算符、语句 in 运算符 课本例子 p32 instanceof运算符 课本例子 p336、大小写敏感 常量名全部大写，如：NAME、CONFIGURATION；变量名小写，如：name age sex ； 如果变量名由多个单词组成，则从第二个单词开始，单词首字母大写， 如：myName myAge mySex7、Array对象，保存多个数据元素的容器创建数组，Array()、 slice方法，得到数组的一个片段，或子数组。 课本例子 P548、String对象，字符串的处理 String对象的substring方法, 课本例子，P569、Date对象，日期和时间Date对象的创建 var now=new Date();获得日期和时间的方法 getDate() getMonth() 等方法 P6610、Math对象，复杂的数学运算11、Window对象，操作浏览器窗口 setTime()方法、 setInterval()方法 P7512、Document对象：操作HTML文档 第四章 DOM1、DOM定义 Document Object Module（文档对象模型）的简称。 DOM是一个中立于语言，浏览器，平台的应用程序编程接口。 DOM在我们的脑海中浮现出来的定义是什么呢？它就是一棵树。2、DOM的分类 Core DOM 定义针对任何结构化文档的对象 XML DOM 定义针对XML文档的对象 HTML DOM 定义针对HTML文档的对象3、DOM的体系结构 基于DOM的分析器会将一个XML文档转换成一个DOM树树形结构 （根结点是document对象，子结点是每一个HTML内容）4、DOM是JavaScript对HTML文档中元素进行访问的入口5、结点类型（元素结点、属性结点、文本结点）6、结点组成（元素结点由标签名、属性结点、文本结点组成）7、结点关系（父子关系、兄弟关系、祖孙关系）8、结点引用 getElementById() 、getElementsByName()、getElementsByTagName() 掌握这三个方法的作用。 9、结点操作 添加和修改属性结点可使用的方法 ：node.setAttribute();10、事件有两种模型：标准事件模型和IE事件模型11、标准事件和IE事件模型比较标准事件模型，事件对象被触发时生成，然后作为参数传递给事件处理程序，事件是局部的。，支持捕捉、目标结点本身、起泡3个传播阶段IE事件模型，window对象event属性保存当前事件对象。可以像使用全局对象来使用事件对象 。只支持起泡阶段。12、注册事件和注销事件 addEventListener attachEven removeEvent detachEvent13、事件对象的属性 ，event对象保存了事件的相关信息，如事件的类型、发生事件的目标元素。 可通过事件对象的target属性获得发生事件的目标元素，而在标准事件模型下则可通过事件对象的srcElement属性获得发生事件的目标元素。14、button支持的事件 onclick事件15、获得文本框中的值，使用value属性第十章 XML1、XML是什么？ 一种可扩展性标记语言2、XML语法，如何写一个合理有效的XML文档。1、XML的合理嵌套 课本例子 P2682、XML的大小写敏感 课本例子P2683、XML元素命名 课本例子 p2693、创建XML DOM对象4、加载一个XML文档 XML DOM对象的load方法加载一个已存在的XML文档 创建5、针对XML的检索工具是XPath6、针对XML的格式化工具是XSL 7、Xpath 几个路径表达式 /books表示 /books/name /book/author 检索结果 课本例子 P3068、XSLxsl:stylesheet XSL声明xsl:template 定义模板xsl:apply-template 使用模板xsl:element 用来创建元素xsl: attribute 用来创建元素属性xsl:sort 用来对输出进行排序xsl:value-of 用来取得数据9、zXML是AJAX用来解决跨浏览器的一个框架。第十一章JSON1、JSON是什么JSON是英文JavaScript Object Notation缩写，即JavaScript对象符号的意思。JSON使用类似于JavaScript 对象直接量的方法来描述数据的。json是一种轻量级的数据交换格式。易于人阅读和编写，同时也易于机器解析和生成。JSON基于JavaScript语言模型实现的。但JSON又完全完全独立于语言本身。JSON也使用了类似于C语言家族的习惯（包括C, C+, C#, Java, JavaScript 等）。这些特性使JSON成为理想的数据交换语言 2、为什么使用JSON？ 第一， 方便后台数据操作。第二， 数据体积小,传输快。第三， 客户端操纵XML的时候需要创建ActiveX对象,JSON则完全就是一个JS对象,不需要创建DOM。3、JSON在不同语言中数据格式转换1、在javascript中将json格式和javascript对象互相转换 eval() - JSON. stringfy()2、在php中将json和数据对象互相转换转换 json_encode() -json_decode()3、在php中封装成json格式，之后在javascript中 将json解析成数据对象 json_encode() - eval()4、JSON的缺点1、JSON没有像XML那样的命名空间机制，可能会给解析带来麻烦。2、JSON的创建和验证跟XML相比会比较麻烦一些。第十二章 javascript面向对象编程 1、javascript本身具有强大的面向对象的功能。2、javascript中使用function声明类。3、javascript中通过对象冒充实现继承。4、javascript中原型对象prototype可以使开发者按照需要对类进行扩展，而不需要改动原有定义。第十四章 prototype.js框架1、AJAX都有哪些框架 ajaxRequest框架 zXML框架 JSON.js框架 prototype.js框架 Jquery框架 Extjs UI Dojo DWR2 prototype.js框架中$方法的作用 $方法可以代替document.getElementById3、css类名取得元素集合 document.getElementsByClassName(title);4、$F方法来获得表单元素的值5、hide方法来隐藏该元素，show方法来显示隐藏的元素，toggle方法来切换当前元素的隐现状态6、Prototype.js提供了serialize方法来完成对表单值得序列化7、escapeHTML() 转换HTML标签8、支持Ajax请求的4种情况：1、new Ajax.Request(url,options);2、new Ajax.Updater(container,