AJAX教程全解.ppt

IT资讯交流网 WWW.IT315.ORG AJAX技术入门 提纲 走进AJAX 走进AJAX 走进AJAX 走进AJAX 走进AJAX 走进AJAX 走进AJAX 提纲： AJAX思维方式： AJAX思维方式： AJAX思维方式： AJAX思维方式： AJAX思维方式： AJAX思维方式： AJAX思维方式： AJAX思维方式： AJAX思维方式： AJAX思维方式： AJAX思维方式： AJAX参考书籍 AJAX参考书籍 AJAX参考书籍 AJAX参考书籍 AJAX参考书籍 AJAX参考书籍 AJAX参考书籍 AJAX参考书籍 AJAX参考书籍 AJAX参考书籍 AJAX参考书籍 AJAX参考书籍 AJAX参考书籍 提纲： AJAX技术核心 AJAX技术核心 AJAX技术核心 AJAX技术核心 AJAX技术核心 AJAX技术核心 AJAX技术核心 AJAX技术核心 AJAX技术核心 AJAX技术核心 AJAX技术核心 AJAX技术核心 AJAX技术核心 AJAX技术核心 AJAX技术核心 AJAX技术核心 AJAX技术核心 AJAX技术核心 AJAX Hacks： 国外著名IT出版社OReilly的AJAX图书，国内有影印版。该书以一个个Hack条目来介绍AJAX，其中有一半的篇幅介绍了我们前面提到的几个流行的AJAX框架：DWR，Ruby On Rails，Rico，script.aculo.us。同时还有一些实用的示例供大家参考。 另外有两个国内高手写的AJAX入门电子书可供参考： 《AJAX开发简略》 《AJAX——新手快车道》。 《AJAX——新手快车道》的作者文笔风格比较有趣，根据他blog上所说也会出一本AJAX方面的书，但目前还没有看到。 《AJAX开发简略》的作者柯自聪今年出版了一本AJAX方面的书籍《AJAX开发精要-概念、案例与框架》，可以在书店买到。 这两本书也是国外的作品。 《AJAX Design Patterns》这本书网上评价也很好，属于中高级的AJAX书籍。 《Head Rush AJAX》属于Head Rush系列书中的一套，根据以前看过的《Head Rush Java》来看，Head Rush系列书编排非常有特色，里面有大量的插图和手写文字，内容上比较浅显易懂，作为趣味入门书是个不错的选择。 走进AJAX AJAX的思维方式 AJAX的技术核心 AJAX应用实例 AJAX的优缺点 AJAX开发工具 XMLHttpRequest对象 DOM与HTML DOM与XML 面向对象的Javascript Asynchronous XMLHttpRequest 最早是在IE5.0中以ActiveX组件的形式出现的 后来Mozilla，Safari，Opera等浏览器厂商都支持了XMLHttpRequest 由于XMLHttpRequest并不是W3C的标准，因此在各个浏览器的实现上也有所不同。 IE“独树一帜”，仍然是以ActiveX组件的方式来创建XMLHttpRequest对象 其他浏览器则可以直接创建javascript的XMLHttpRequest对象。 首先我们发现和传统Web开发模式不同，页面中没有form，submit换成了一个button，在button的定义中，我们使用了一个onclick属性。 onclick属性的作用是在点击按钮时，调用该属性所指定的javascript函数。我们可以在onclick属性指定的javascript函数中使用XMLHttpReuqest对象来与服务器端程序（例如一个Servlet）进行数据传输。 input type=button value=检验 onclick=submit()/ 我们还发现和传统模式相比，文本框我们定义了id属性，而不是name属性。 这是因为在AJAX模式中，我们通常在javascript代码中通过DOM获得html页面中某个节点的值，因此我们一般都定义id属性，这部分的详细内容会在后面介绍。 用户名：input type=text id=name/ 另外我们建立了一个div标签，div标签应该说是AJAX模式下很重要的一个html标签。 前面我们提到过的基于标准的表示技术，比较常用的一种方式就是用DIV+CSS替代talbe的方式来划分网页结构，div中放内容，css控制这些内容的展现形式。 除此之外，div的另一个常用之处就是用于放置动态加入网页中的内容，先建立一个没有内容那个div，再在Javascript代码中通过DOM动态的向其中添加内容，以保证在页面不刷新的情况下动态修改页面内容。这部分的详细内容也会在后面介绍。 div id=r