文件名称:ajax
介绍说明--下载内容均来自于网络,请自行研究使用
简易Ajax开发实现登录,注册,模拟充值,排序等功能:
1、 编写登录页面(Login.jsp)、充值页面(Pay.jsp)、充值记录页面(PayRecorder.jsp),各页面必须充分考虑用户体验,具体要求包括:
1) 登录时,在本地检查各表单项是否为空、长度是否满足要求等(要求使用formValidator)。
2) 登录时,异步提交到服务器检查用户名/密码是否正确(检查逻辑位于struts的Action类中)。
3) 使用jQuery的API实现充值页面中各种充值方式和面额的选择。
4) 充值完毕后,将充值信息写入Application内置对象,并转到充值记录页面中(以表格展示所有的充值信息,并使用jQuery的API实现表格隔行换色)。
5) 使用jQuery的API实现点击充值信息表格的表头后,表格行按照该列进行升/降序排列。
-
Simple Ajax developers realize login, registration, simulate recharge, sorting and other functions:
1, write the login page (Login.jsp), top-page (Pay.jsp), recharge record page (PayRecorder.jsp), each page must fully consider the user experience, specific requirements include:
1) When logging in, check whether the individual table is empty, the length meets the requirements (required formValidator locally).
2) When logging in, asynchronous submitted to the server checks the user name/password is correct (check logic is located in the struts Action class).
3) using jQuery API to achieve top page of various denominations recharge methods and choices.
4) After completion of recharge, the recharge information is written Application built-in object, and go to page top record (in the form of top shows all the information and forms using jQuery API to achieve interlaced color change).
5) After using jQuery API implementation recharge information table Click the table header table row
1、 编写登录页面(Login.jsp)、充值页面(Pay.jsp)、充值记录页面(PayRecorder.jsp),各页面必须充分考虑用户体验,具体要求包括:
1) 登录时,在本地检查各表单项是否为空、长度是否满足要求等(要求使用formValidator)。
2) 登录时,异步提交到服务器检查用户名/密码是否正确(检查逻辑位于struts的Action类中)。
3) 使用jQuery的API实现充值页面中各种充值方式和面额的选择。
4) 充值完毕后,将充值信息写入Application内置对象,并转到充值记录页面中(以表格展示所有的充值信息,并使用jQuery的API实现表格隔行换色)。
5) 使用jQuery的API实现点击充值信息表格的表头后,表格行按照该列进行升/降序排列。
-
Simple Ajax developers realize login, registration, simulate recharge, sorting and other functions:
1, write the login page (Login.jsp), top-page (Pay.jsp), recharge record page (PayRecorder.jsp), each page must fully consider the user experience, specific requirements include:
1) When logging in, check whether the individual table is empty, the length meets the requirements (required formValidator locally).
2) When logging in, asynchronous submitted to the server checks the user name/password is correct (check logic is located in the struts Action class).
3) using jQuery API to achieve top page of various denominations recharge methods and choices.
4) After completion of recharge, the recharge information is written Application built-in object, and go to page top record (in the form of top shows all the information and forms using jQuery API to achieve interlaced color change).
5) After using jQuery API implementation recharge information table Click the table header table row
(系统自动生成,下载前可以参看下载内容)
下载文件列表
ajax\.classpath
....\.project
....\.settings\.jsdtscope
....\.........\org.eclipse.jdt.core.prefs
....\.........\org.eclipse.wst.jsdt.ui.superType.container
....\.........\org.eclipse.wst.jsdt.ui.superType.name
....\src\ahpu\ssh\ajax\action\LoginAction.java
....\...\....\...\....\......\PayAction.java
....\...\....\...\....\model\PayInfo.java
....\...\....\...\....\util\LoginChecker.java
....\...\struts.xml
....\WebRoot\css\public.css
....\.......\images\dx.png
....\.......\......\lt.png
....\.......\......\on.png
....\.......\......\szx.png
....\.......\index.jsp
....\.......\js\formvalidator-4.1.3\formValidator-4.1.3.js
....\.......\..\...................\formValidator-4.1.3.min.js
....\.......\..\...................\formValidatorRegex.js
....\.......\..\...................\jquery-1.4.4.min.js
....\.......\..\...................\LGPL-License.txt
....\.......\..\...................\themes\126\Author.txt
....\.......\..\...................\......\...\images\bgx.png
....\.......\..\...................\......\...\......\global2.png
....\.......\..\...................\......\...\js\theme.js
....\.......\..\...................\......\...\Preview.jpg
....\.......\..\...................\......\...\style\style.css
....\.......\..\...................\......\ArrowSolidBox\Author.txt
....\.......\..\...................\......\.............\images\background.gif
....\.......\..\...................\......\.............\......\bt.gif
....\.......\..\...................\......\.............\......\onLoad.gif
....\.......\..\...................\......\.............\......\reg-menu.gif
....\.......\..\...................\......\.............\......\verification-ui6.gif
....\.......\..\...................\......\.............\js\theme.js
....\.......\..\...................\......\.............\Preview.jpg
....\.......\..\...................\......\.............\style\style.css
....\.......\..\...................\......\.............\.....\style_new.css
....\.......\..\...................\......\baidu\images\bt.gif
....\.......\..\...................\......\.....\......\onCorrect.gif
....\.......\..\...................\......\.....\......\onError.gif
....\.......\..\...................\......\.....\......\onFocus.gif
....\.......\..\...................\......\.....\......\onLoad.gif
....\.......\..\...................\......\.....\......\onShow.gif
....\.......\..\...................\......\.....\......\onSuccess.gif
....\.......\..\...................\......\.....\......\pswState.gif
....\.......\..\...................\......\.....\......\user_div_on.gif
....\.......\..\...................\......\.....\......\user_div_on_bg.gif
....\.......\..\...................\......\.....\......\user_input_bg.gif
....\.......\..\...................\......\.....\js\theme.js
....\.......\..\...................\......\.....\Preview.jpg
....\.......\..\...................\......\.....\style\style.css
....\.......\..\...................\......\.....\作者.txt
....\.......\..\...................\......\Bull\Author.txt
....\.......\..\...................\......\....\images\bottom-left-w.gif
....\.......\..\...................\......\....\......\bottom-right-w.gif
....\.......\..\...................\......\....\......\error_01.png
....\.......\..\...................\......\....\......\ok_01.png
....\.......\..\...................\......\....\......\onLoad.gif
....\.......\..\...................\......\....\......\top-left-w.gif
....\.......\..\...................\......\....\......\top-right-w.gif
....\.......\..\...................\......\....\js\theme.js
....\.......\..\...................\......\....\Preview.jpg
....\.......\..\...................\......\....\style\style.css
....\.......\..\...................\......\Default\images\bt.gif
....\.......\..\...................\......\.......\......\onCorrect.gif
....\.......\..\...................\......\.......\......\onError.gif
....\.......\..\...................\......\.......\......\onFocus.gif
....\.......\..\...................\......\.......\......\onLoad.gif
....\.......\..\...................\..