《ajax 总结》由会员分享,可在线阅读,更多相关《ajax 总结(6页珍藏版)》请在金锄头文库上搜索。
1、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. 按需取数,可以
2、最大程度的减少冗余请求和响应对服务造成的负担。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应用
3、的区别 1.改善表单验证方式,不再需要打开新页面,也不再需要将整个页面数据提交 2.不刷新整个页面,在页面内与服务器通信。减少用户等待时间 3.按需获取数据,每次只从服务器端获取需要的数据 4.读取外部数据,进行数据处理整合 5.使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的的响应能力 6.应用仅由少量页面组成。大部分交互在页面之内完成,不需要切换整个页面10.、ajax的缺点?1、ajax不支持浏览器back按钮。2、浏览器的通用性,每个客户的端的浏览器不尽相同、版本也不一致,有可能会造成无法动作问题。3、 对搜索引擎的支持比较弱。4、 不容易调试。第6章 XMLHttpRe
4、quest对象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 ActiveXO
5、bject(Microsoft.XMLHTTP);/在非IE下创建XMLHttpRequest对象5、 XMLHttpRequest对象属性和方法oen方法,初始化请求,建立连接,设置请求的相关参数信息。send方法,发送请求,将请求发送到指定地址的HTTP服务器。abort方法,取消当前请求。XMLHttpRequest对象重新回到初始化状态。readyState,属性,表示XMLHttpRequest对象的当前状态status,属性,表示当前HTTP请求的状态responseText或responseXML属性,获取返回的数据。onreadystatechange属性,通过该事件指定事件处
6、理函数。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头信息不全,这时候尝 试获
7、取数据会出现错误。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运算
8、符 课本例子 p336、大小写敏感 常量名全部大写,如:NAME、CONFIGURATION;变量名小写,如:name age sex ; 如果变量名由多个单词组成,则从第二个单词开始,单词首字母大写, 如:myName myAge mySex7、Array对象,保存多个数据元素的容器创建数组,Array()、 slice方法,得到数组的一个片段,或子数组。 课本例子 P548、String对象,字符串的处理 String对象的substring方法, 课本例子,P569、Date对象,日期和时间Date对象的创建 var now=new Date();获得日期和时间的方法 getDate()
9、 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
10、的体系结构 基于DOM的分析器会将一个XML文档转换成一个DOM树树形结构 (根结点是document对象,子结点是每一个HTML内容)4、DOM是JavaScript对HTML文档中元素进行访问的入口5、结点类型(元素结点、属性结点、文本结点)6、结点组成(元素结点由标签名、属性结点、文本结点组成)7、结点关系(父子关系、兄弟关系、祖孙关系)8、结点引用 getElementById() 、getElementsByName()、getElementsByTagName() 掌握这三个方法的作用。 9、结点操作 添加和修改属性结点可使用的方法 :node.setAttribute();10、
11、事件有两种模型:标准事件模型和IE事件模型11、标准事件和IE事件模型比较标准事件模型,事件对象被触发时生成,然后作为参数传递给事件处理程序,事件是局部的。,支持捕捉、目标结点本身、起泡3个传播阶段IE事件模型,window对象event属性保存当前事件对象。可以像使用全局对象来使用事件对象 。只支持起泡阶段。12、注册事件和注销事件 addEventListener attachEven removeEvent detachEvent13、事件对象的属性 ,event对象保存了事件的相关信息,如事件的类型、发生事件的目标元素。 可通过事件对象的target属性获得发生事件的目标元素,而在标准
12、事件模型下则可通过事件对象的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 几个路径表达
13、式 /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使用类似于J
14、avaScript 对象直接量的方法来描述数据的。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对象互相转换