AJAX学习笔记.docx
- 文档编号:2918105
- 上传时间:2022-11-16
- 格式:DOCX
- 页数:14
- 大小:23.41KB
AJAX学习笔记.docx
《AJAX学习笔记.docx》由会员分享,可在线阅读,更多相关《AJAX学习笔记.docx(14页珍藏版)》请在冰豆网上搜索。
AJAX学习笔记
。
。
。
。
。
征服Ajax:
Web.2.0.快速入门与项目实践.(Java)的学习笔记
一、AJAX概述
1、web2.0定义:
web2.0代表的是一个新的网络阶段,它本身并没有特别明确的标准来进行描述,一般我们将促成这个阶段的各种技术和相关的产品服务统称为web2.0,例如:
Ajax就是这一系列技术和产品服务中非常重要的成员,此外还包括博客、数据独立性等各种网络服务方式。
2、什么是Ajax:
AsynchronousJavaScriptandXML(本身并不是一项技术)几个技术点:
异步、JS、XML。
这项技术关注的两个问题:
一个借助异步JS实现浏览器和服务器之间的异步交互,如无需重新新装载整个页面就可以向服务器发送请求,并接受响应。
二是对XML文档的解析和处理。
3、Ajax相关技术简介:
JS脚本:
其编写的程序可以直接在浏览器中解释执行,可以在浏览器的支持下跨平台执行。
在JS脚本中可以调用浏览器及Ajax中提供的相关对象。
利用这些对象提供的属性和方法可以实现页面效果的动态控制。
XHTML和CSS:
XHTML的全称是可扩展超文本标记语言ExtensibleHyperTextMarkupLanguage,是一种为适应XML可扩展标记语言而重新改造的HTML。
是一种过渡,它结合了XML中的部分强大功能和HTML中大部分简单特性,其设计更加严密。
CSS:
弥补了HTML再格式修饰中的不足,丰富页面动态效果,批量更新。
了解CSS的常用属性和设置方式是脚本编程中所必须的。
CSS实现了WEB页面中数据域格式的分离,与JS校本结合使用可以达到动态控制的效果。
DOM:
文档对象模型DocumentObjectModel,它在本质上是一种文档平台。
它是一种接口规范,独立于访问、解析或更新XML数据机制的一种应用。
DOM是以层次结构组织的节点或信息的集合,被认为是基于树活基于对象的。
提供API,允许添加、编辑、移动或删除树种任意的节点。
XML和XSTL:
允许自行创建标签,可扩展。
XML的最大优点就在于它的数据存储格式不受显示格式的制约。
XML被广泛运用在软件系统的配置文件中,同时也日益成为因特网上的标准数据存储格式和交换格式,即一种通信的标准。
XSTL可扩展样式表转换语言ExtensibleStylesheetTransformationLanguage,用来转换XML文档结构的语言,一般用于转换XML到HTML。
CSS和XSTL结合使用效果会更好,比如在服务器段使用XSTL,在客户端用CSS控制显示。
XMLHttpRequest是浏览器中已经定义好的对象,它是Ajax技术的核心组成部分,JS通过它和服务器之间进行通信,并通过它来解析从服务器传回来的XML文件。
不同浏览器在定义XMLHttpRequest时会有所不同。
4、Ajax是基于XHTML和CSS,由DOM实现动态显示与交互,借助XML和XSTL进行数据交换及处理,而在这个过程中则是使用JS来进行整合。
二、Ajax核心技术
1、事件驱动的处理机制:
事件实际上是浏览器与用户之间实际交互的一种机制。
一旦事件发生,浏览器具体会进行什么样的处理,则可以由脚本语言通过相应的程序代码,如函数来处理。
2、JS事件包括:
一般事件(如键盘鼠标)、页面相关事件、表单相关事件、滚动字幕事件、编辑事件、外部事件等。
3、XTHML与HTML之间的区别
XTHML设计的目的是为了实现从HTML向XML过渡。
XHTML元素必须合理嵌套,文档格式必须正确,标签名称必须是小写,元素必须关闭(标记名称和结束符之间有一个空格,这样确保能够与目前的浏览器兼容)。
XHTML还有一些特殊的语法规则:
XHTMLDTD定义强制元素;属性名称必须为小写,属性简写不允许,属性值用双引号;用id属性来替代原来的name属性
4、XHTML的文档类型声明DOCTYPE
目前一共有三种XHTML文档类型的声明方式,分别对应严格类、过渡类及框架集类的声明。
如:
DOCTYPEhtml
PUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml"xml: lang="en"lang="en"> 5、XHTML的优势: 可扩展(基于XML的DTD的定义),可移植性。 6、CSS的语法规则: 样式规则的基本语法: 选择符{属性1: 值1;属性2: 值2}。 HTML中以class引用的是以“.”开头的选择符,如“.main{}”;id引用的是以“#”开头的选择符,如“#{}”。