配色: 字号:
实用AJAX改进用户体验
2012-11-28 | 阅:  转:  |  分享 
  
使用Ajax改进用户体验相关回顾Ajax的含义是?Ajax可以用来实现什么效果?Ajax的核心组件是?使用Ajax的步骤是?上
机目标继续增强“我的宝贝儿”在线宠物网站:在宠物信息编辑页面,在不刷新页面的情况下检查宠物名是否已经被占用。在宠物训练页面,
在不刷新页面的情况下完成训练功能,并更新分数的显示。训练技能点使用XMLHttpRequest实现无刷新请求服务器。DWR的
使用。教员讲解上机目标训练要点:使用XMLHttpRequest实现无刷新请求服务器需求说明:在无
刷新的情况下实现宠物训练功能:1、使用XMLHttpRequest提交请求到服务器2、获得训练结果(宠物的三项分数)3、刷
新显示阶段1讲解需求说明实现思路及关键代码:修改原PetAction中doGame、doStory和doFeed代码。
使之返回宠物得分字符串。修改petInfo.jsp页的doTraining函数。阶段1代码示例讲解实现思路和关键代码完成
时间:20分钟需求说明:在宠物信息编辑页面,当输入新的宠物名后,宠物名输入框失去焦点时检查宠物名是否已经被占用,如
果已经被占用则显示提示信息。 1、创建PetManager,提供检查宠物名是否存在的方法。 2、在PetAction中创建d
oCheckNameExists方法。 3、如果宠物名没有修改则不检查。阶段2完成时间:15分钟阶段2常见调试问题及解决
办法代码规范问题共性问题集中讲解训练要点: DWR的使用需求说明:同阶段1使用DWR实现只实现“喂食
”功能阶段3讲解需求说明实现思路及关键代码:在PetManger中添加doFeed(Longid)方法,返回需要更新到
页面的字符串添加DWR到项目中。(添加dwr.jar、dwr.xml,修改web.xml)修改petInfo.jsp页面,
将喂食功能使用DWR实现愚人笑话http://www.1727.cc/yurenxiaohua/阶段3讲解实现思路和关
键代码完成时间:15分钟需求说明:使用DWR检查宠物名是否已经被占用同阶段3使用DWR实现阶段4完成时间:15分
钟阶段4常见调试问题及解决办法代码规范问题奇艺网高清电视剧http://www.dy312.com共性问题集中讲解
总结总结并布置作业
献花(0)
+1
(本文系小猫无敌首藏)