AJAX教程讲义.pptVIP

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