JSP + AjaxAnywhere页面开发规范
版本历史
修改日期 版本 作者/修改人 修改内容 评审号 变更控制号
2006-1-23 0.1.1 喜日久美 初稿
2006-1-24 0.1.2 何坤 整理,修改完善
2006-9-13 0.1.3 何坤 增加服务器端编码说明, substituteFormSubmitFunction方法说明
1. 开发工具
AJAX框架:AjaxAnywhere,最新版本1.1.0.6 , http://ajaxanywhere.sourceforge.net/
2. 开发规范
2.1 概述
“JSP + AjaxAnywhere” 的结合开发,是为了在普通JSP应用中增加AJAX特性,从而改善用户体验,提高应用性能。
AjaxAnywhere能于JSP很好结合。对于一个普通JSP 应用,要使用 AjaxAnywhere框架在一些特定功能中增加AJAX特性,只需对JSP页面做简单修改,基本不需要进行Javascript 编程,个别场合只需要按规范添加少量Javascript 代码。
AjaxAnywhere + JSP 的结合与 AjaxAnywhere +JSF 的结合,在原理上是一致的, 但在使用上略有不同。对于二者的不同,可对照《JSF+Ajax页面开发规范》,根据具体情形的不同,可以选择不同的组合进行开发。这里的JSP指的是不包括JSF内容的简单JSP页面。
2.2 规范
对于一个普通JSP页面,需要做以下修改。
2.2.1引入ajaxanywhere的taglib
<%@ taglib uri="http://ajaxanywhere.sourceforge.net/" prefix="aa" %>
依照习惯 prefix定义为aa.。
2.2.2 引入ajaxanywhere客户端脚本(Javascript)
<script src="js/aa/aa.js"></script>
说明:aa.js 是AjaxAnywhere框架的客户端脚本库,对AJAX 特性进行了很好的封装。开发人员无须直接操作XmlHttpRequest 。
AjaxAnywhere客户端的核心类为 AjaxAnywhere ,其每一个实例代表一个AJAX处理器。aa.js中定义了一个缺省的AjaxAnywhere实例, 实例名为ajaxAnywhere, id为default。
2.2.3 form 属性的修改
如果要对form提交增加AJAX支持,需要注意。在form标签中,必须包含action属性,但可以为空,name属性,method属性为post,然后按正常方式书写表单项目。
例如:
<form action="clientSide.jsp" name="main" method="post">
2.2.4定义ajax zone(动态更新区域)
需要单独刷新的部分在jsp页面中使用tag:
<aa:zone name="<zoneName>"> </aa:zone>
括住需要更新的范围。
例如:
<aa:zone/> 标记是用于在JSP页面中增加AJAX特性支持,要对JSF组件增加AJAX 特性支持,需要使用 <aa:zoneJSF/> 标记。
name是zone Tag的必填属性,用于在一个JSP页面内唯一标识一个动态更新的区域。 一个页面可定义多个zone区域。
该标识的命名请遵循java变量命名规则。
2.2.5 修改表单的提交行为
表单的提交部分有两种,根据后台需要可以不同对待。
1) 通过get 方式发出的请求采用AjaxAnywhere.getAJAX()方法
例如:<input type="button" value="click me" onclick="ajaxAnywhere.getAJAX();">
2) 通过post方式发出的请求请采用 ajaxAnywhere.submitAJAX() 方法
例如:<input type="button" value="click me" onclick="ajaxAnywhere.submitAJAX();">
表单中的“提交”按钮,type需定义为 button, ajaxAnywhere.getAJAX()和ajaxAnywhere.submitAJAX() 会自动处理表单数据的提交。作为与server交互的所需识别的信息头,路径(action),数据由ajaxanywhere自行包装。
作为server端反馈部分,反馈的数据为xml类型,AjaxAnywhere客户端处理器最终将替换<aa:zone name="<zoneName>"></aa:zone> 中的全部内容,开发人员不需要进行其他编码处理。
另外一种方式是, 从外部给按钮增加 Ajax异步提交的效果:
例如, 为表单中所有 submit 和image类型按钮增加Ajax 特性:
例如, 为表单中特定按钮增加Ajax 特性
2.2.6 服务器端代码:
2.2.6.1 指定Ajax 刷新区域
要刷新<aa:zone/> 区域, 必须在服务器端代码中指定要刷新的区域. 一般有两种方式: 在JSP中指定, 和在 Java代码中指定:
在JSP中指定, 例如:
一般放在JSP的顶部.
一般放在JSP的顶部.
在 Java代码中指定, 通常是Web框架的控制器(Controller)代码中, Struts中是XXXAction类的方法中, JSF 中是 XXXFace 类的方法中. 例如:
2.2.6.2
分享到:
相关推荐
基于java的开发源码-jsp+servlet+Javabean+mysql党员信息管理系统.zip 基于java的开发源码-jsp+servlet+Javabean+mysql党员信息管理系统.zip 基于java的开发源码-jsp+servlet+Javabean+mysql党员信息管理系统.zip ...
基于java的开发源码-Java+jsp+mysql的宠物市场管理系统源码.zip 基于java的开发源码-Java+jsp+mysql的宠物市场管理系统源码.zip 基于java的开发源码-Java+jsp+mysql的宠物市场管理系统源码.zip 基于java的开发源码-...
《Java Web开发技术大全--JSP+Servlet+Struts 2+Hibernate+Spring+AJAX》.(李宁),适合java web开发者,学生,老师,或者已经工作的。内容详细全面,高清
《基于JSP+Servlet+JavaBean+DAO的学生信息管理系统详解》 在信息技术高速发展的今天,学生信息管理系统的构建已经成为教育领域不可或缺的一部分。本系统“学生信息管理系统-JSP+Servlet+JavaBean+DAO”就是这样一...
【标题】"课程设计---JSP+SERVLET的购物系统"揭示了这是一个基于Java Web技术的项目,主要使用了JSP(JavaServer Pages)和Servlet来构建一个在线购物平台。JSP是一种动态网页技术,它允许开发人员在HTML页面中嵌入...
JAVA实战项目源码-计算机毕业设计java专业-其他类别-jsp+servlet+javaBean实现MVC_jspmvc
MVC-JSP+Servlet+JavaBean 网上商城三十多张表 有前台后台 还可以在站内开店 用户也有自己的管理后台 中山中南T17班学完JSP强力打造 班长黄瑞煜领导的团队开发 参与人员较多,代码结构是规范的 具体写的代码不统一 ...
3. **设计JSP**:创建JSP页面,通过EL(Expression Language)和JSTL(JavaServer Pages Standard Tag Library)标签来访问Servlet传递的数据,并根据数据生成相应的HTML内容。 4. **配置部署**:在Web应用的部署...
综上所述,这个"进销存管理系统--JSP+MySql"项目涵盖了Web开发中的诸多核心技术,包括前端界面设计、后端数据处理、数据库管理以及安全性等多个方面,对于学习和实践Java Web应用开发具有很高的价值。通过实际操作和...
在现代Web开发中,将传统的JavaServer Pages (JSP) 技术与前端框架如Vue.js结合,可以提升用户体验和开发效率。Element-UI作为一款基于Vue.js的UI组件库,为开发者提供了丰富的界面元素,使得在JSP项目中构建美观、...
综上所述,【JSP+MySQL 网上视频点播系统】是一个综合性的Web开发项目,涵盖了后端编程、数据库设计、前端开发、网络协议、安全性等多个领域的知识。开发者需要具备扎实的编程基础和良好的系统架构能力,才能构建出...
JSTL是JavaServer Pages标准标签库,它提供了一组预定义的标签,用于简化JSP页面的开发,使其更加结构化,减少Java代码的嵌入,提高可读性和可维护性。在"jstl-1.1.2+standard-1.1.2+servlet-api"这个压缩包中,我们...
Jsp-Order-online+javaweb 网上点餐项目Jsp-Order-online+javaweb 网上点餐项目Jsp-Order-online+javaweb 网上点餐项目Jsp-Order-online+javaweb 网上点餐项目Jsp-Order-online+javaweb 网上点餐项目Jsp-Order-on...
这是我做的第一个Web网站,前台页面主要利用JSP、jQuery(数据验证),部分页面用到Ajax。控制转发层采用Servlet,数据访问层采用Hibernate(bean和dao是由Hibernate逆向工程自动生成)。 系统采用分层架构,由上...
资源详细描述博客:https://blog.csdn.net/qq_43757282/article/details/106337840 概要:运行环境:Eclipse tomcat8.5、数据库SQL SERVER 2014 mvc模式:JSP + Servlet + JavaBean三层架构
用java语言开发一个客户端软件,模拟温度传感器,每5秒钟向后台发送一个温度值,要求温度值在20±5℃范围内随机变化。后台服务端负责接收客户端传送的温度并保存在数据库中。 1、在页面上以仪表盘(参考echart网站)...
《JSP+Servlet+Tomcat应用开发从零开始学》这本书是针对初学者设计的一本教程,旨在帮助读者从零基础开始学习如何使用JavaServer Pages(JSP)、Servlet和Apache Tomcat服务器进行Web应用程序的开发。JSP、Servlet和...
标题 "servlet-api-2.5-6.1.9 + jsp-api-2.1" 暗示了这是一个包含Servlet API 2.5和JSP API 2.1版本的软件包,通常用于Java Web开发。这两个API是Java EE(Enterprise Edition)的核心组成部分,用于构建动态、...
《JSP+Servlet+Tomcat应用开发从零开始学》是由林龙编著的一本针对初学者的IT技术书籍,主要介绍了使用Java的Web开发技术,包括JSP、Servlet和Tomcat服务器。这本书旨在帮助读者从零基础开始,逐步掌握Web应用程序的...