在struts中应用Ajax技术摘要.ppt

9.2 Ajax之XMLHttpRequest XMLHttpRequest对象是所有Ajax和Web2.0应用程序的技术基础，是一套可以在JavaScript、VBScript等脚本语言中通过HTTP协议来传送或接收XML及其它数据的API。使用XMLHttpRequest可以只更新网页的部分内容而不需要刷新整个页面。 9.1.1 XMLHttpRequest对象的基本知识 XMLHttpRequest是Ajax的核心部分，它可以在不重新加载页面的条件下完成对页面的更新，可以在页面加载后从客户端向服务器请求数据以及在服务器端接收数据，还可以在后台向客户端发送数据。 XMLHttpRequest对象实现了HTTP协议的完全访问，可以实现同步或异步返回Web服务器的响应，并以文本形式或DOM文档形式返回响应内容。 9.1.3 XMLHttpRequest实例演练 【例9-1】XMLHttpRequest对象的使用。 讲解AjaxDemo 项目。 9.3 Ajax标签 在Struts 2中，为了简化Ajax的开发，提供了一些常用的Ajax标签，利用这些标签可以更方便的进行项目开发。 9.3.1 Ajax标签依赖包 要使用Ajax标签，必须添加Ajax标签依赖包，该包在Struts 2框架中的lib文件夹下，名为“struts2-dojo-plugin-.jar”，将该包复制到开发项目的WEB-INF目录下的lib文件夹下即可。 9.3.2 Ajax标签的使用 1．Ajax标签的共有属性 Ajax标签具有一些共有的特性，因此它们会共享一部分属性，这些属性的意义对于所有Ajax标签都是类似的。 9.3.2 Ajax标签的使用 3．div标签 sx:div标签在页面中生成一个HTML的div标签，该标签的内容可以通过Ajax异步请求来获取到，可以实现页面的局部内容更新。 下面代码表示每5000ms进行一次自动更新。 9.3.2 Ajax标签的使用 sx:submit标签用于异步提交表单，或者使用异步请求返回的文本信息来更新HTML表单元素（一般是div元素）。submit标签生成一个提交按钮。 如下代码表示异步提交表单。 9.3.2 Ajax标签的使用 5．tabbedPanel标签 sx:tabbedPanel标签生成一个包含标签页(Tab)的Panel，Panel上的标签页既可以是静态的，也可以是动态的。如果是静态的，则直接指定标签页中的内容；如果是动态的，则可以用Ajax来动态加载标签页的内容。 9.3.2 Ajax标签的使用 6．tree和treeNode标签 sx:tree标签用来输出一个树形组件，而sx:treenode标签则可以在树形组件里绘制树节点。 这两个标签都包含一个label属性，sx:tree标签的label属性指定树的标题，而sx:treenode标签的 label属性则指定节点的标题。 9.3.2 Ajax标签的使用 6．tree和treeNode标签 9.3.2 Ajax标签的使用 7．datetimepicker标签 sx:datetimepicker标签生成一个日期、时间下拉选择框。当使用该选择框选中某个日期或时间时，系统会自动将该选中的日期、时间输入指定的文本框中。 9.4 Ajax之JSON插件 9.4.1 JSON插件简介 JSON全称为Java Script Object Notation，它是一种语言无关的数据交换格式。 JSON插件是Struts 2 的Ajax插件，有了JSON插件，开发者可以方便，灵活的利用Ajax进行开发。 JSON插件是一种轻量级的数据交换格式，它提供了一种名为json的Action 结果类型。 如果为Action指定了该结果类型，则该结果类型不需要映射到任何视图资源，而由JSON插件自动地将此Action中的数据序列化成JSON格式的数据，并返回给客户端页面的JavaScript。 9.4.2 JSON插件的使用 要使用JSON插件，必须添加JSON插件的依赖包，在Struts 2框架中提供了JSON插件的依赖包，该包在Struts 2框架中的lib文件夹下，名为“struts2-dojo-plugin-.jar”，在开发项目时，将该包复制到项目的WEB-INF目录下的lib文件夹下即可。 9.4.2 JSON插件的使用 1．Action类中的JSON注释 在编写JSON插件支持的Action类时，会用到JSON注释, JSON注释支持的属性及说明如表9.9所示。 9.4.2 JSON插件的使用 JSON注释支持的name属性可以将Acti