最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 正文

AJAX学习笔记

来源:动视网 责编:小OO 时间:2025-09-27 06:11:20
文档

AJAX学习笔记

征服Ajax:Web.2.0.快速入门与项目实践.(Java)的学习笔记一、AJAX概述1、web2.0定义:web2.0代表的是一个新的网络阶段,它本身并没有特别明确的标准来进行描述,一般我们将促成这个阶段的各种技术和相关的产品服务统称为web2.0,例如:Ajax就是这一系列技术和产品服务中非常重要的成员,此外还包括博客、数据性等各种网络服务方式。2、什么是Ajax:AsynchronousJavaScriptandXML(本身并不是一项技术)几个技术点:异步、JS、XML。这项技术关
推荐度:
导读征服Ajax:Web.2.0.快速入门与项目实践.(Java)的学习笔记一、AJAX概述1、web2.0定义:web2.0代表的是一个新的网络阶段,它本身并没有特别明确的标准来进行描述,一般我们将促成这个阶段的各种技术和相关的产品服务统称为web2.0,例如:Ajax就是这一系列技术和产品服务中非常重要的成员,此外还包括博客、数据性等各种网络服务方式。2、什么是Ajax:AsynchronousJavaScriptandXML(本身并不是一项技术)几个技术点:异步、JS、XML。这项技术关
征服Ajax:Web.2.0.快速入门与项目实践.(Java)的学习笔记

一、AJAX概述

1、web2.0定义:

web2.0代表的是一个新的网络阶段,它本身并没有特别明确的标准来进行描述,一般我们将促成这个阶段的各种技术和相关的产品服务统称为web2.0,例如:Ajax就是这一系列技术和产品服务中非常重要的成员,此外还包括博客、数据性等各种网络服务方式。

2、什么是Ajax:

Asynchronous JavaScript and XML(本身并不是一项技术) 几个技术点:异步、JS、XML。这项技术关注的两个问题:一个借助异步JS实现浏览器和服务器之间的异步交互,如无需重新新装载整个页面就可以向服务器发送请求,并接受响应。二是对XML文档的解析和处理。

3、Ajax相关技术简介:

JS脚本:

其编写的程序可以直接在浏览器中解释执行,可以在浏览器的支持下跨平台执行。在JS脚本中可以调用浏览器及Ajax中提供的相关对象。利用这些对象提供的属性和方法可以实现页面效果的动态控制。

XHTML和CSS:

XHTML的全称是可扩展超文本标记语言Extensible HyperText Markup Language,是一种为适应XML可扩展标记语言而重新改造的HTML。是一种过渡,它结合了XML中的部分强大功能和HTML中大部分简单特性,其设计更加严密。CSS:弥补了HTML再格式修饰中的不足,丰富页面动态效果,批量更新。了解CSS的常用属性和设置方式是脚本编程中所必须的。CSS实现了WEB页面中数据域格式的分离,与JS校本结合使用可以达到动态控制的效果。

DOM:

文档对象模型Document Object Model,它在本质上是一种文档平台。它是一种接口规范,于访问、解析或更新XML数据机制的一种应用。DOM是以层次结构组织的节点或信息的集合,被认为是基于树活基于对象的。提供API,允许添加、编辑、移动或删除树种任意的节点。

XML和XSTL:

    允许自行创建标签,可扩展。XML的最大优点就在于它的数据存储格式不受显示格式的制约。XML被广泛运用在软件系统的配置文件中,同时也日益成为因特网上的标准数据存储格式和交换格式,即一种通信的标准。

XSTL可扩展样式表转换语言Extensible Stylesheet Transformation Language,用来转换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还有一些特殊的语法规则:XHTML DTD定义强制元素;属性名称必须为小写,属性简写不允许,属性值用双引号;用id属性来替代原来的name属性

4、XHTML的文档类型声明DOCTYPE

目前一共有三种XHTML文档类型的声明方式,分别对应严格类、过渡类及框架集类的声明。如:PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

        5、XHTML的优势:可扩展(基于XML的DTD的定义),可移植性。

        6、CSS的语法规则:

样式规则的基本语法:选择符{属性1:值1;属性2:值2}。HTML中以class引用的是以“.”开头的选择符,如“.main{}”;id引用的是以“#”开头的选择符,如“#{}”。

Top