第十章上机第十章上机使用Ajax改进用户体验使用Ajax改进用户体验相关回顾Ajax的含义是？Ajax可以用来实现什么效果？Ajax的核心组件是？使用Ajax的步骤是？上机目标继续增强“我的宝贝儿”在线宠物网站：在宠物信息编辑页面，在不刷新页面的情况下检查宠物名是否已经被占用。在宠物训练页面，在不刷新页面的情况下完成训练功能，并更新分数的显示。教员讲解上机目标教员讲解上机目标训练技能点使用XMLHttpRequest实现无刷新请求服务器。DWR的使用。训练要点：使用XMLHttpRequest实现无刷新请求服务器需求说明：在无刷新的情况下实现宠物训练功能：1、使用XMLHttpRequest提交请求到服务器2、获得训练结果(宠物的三项分数)3、刷新显示阶段1讲解需求说明讲解需求说明实现思路及关键代码：修改原PetAction中doGame、doStory和doFeed代码。使之返回宠物得分字符串。修改petInfo.jsp页的doTraining函数。阶段1代码示例讲解实现思路和关键代码讲解实现思路和关键代码完成时间：20分钟完成时间：20分钟需求说明：在宠物信息编辑页面，当输入新的宠物名后，宠物名输入框失去焦点时检查宠物名是否已经被占用，如果已经被占用则显示提示信息。1、创建PetManager，提供检查宠物名是否存在的方法。2、在PetAction中创建doCheckNameExists方法。3、如果宠物名没有修改则不检查。阶段2完成时间：15分钟完成时间：15分钟阶段2常见调试问题及解决办法代码规范问题共性问题集中讲解共性问题集中讲解训练要点：DWR的使用需求说明：同阶段1使用DWR实现只实现“喂食”功能阶段3讲解需求说明讲解需求说明实现思路及关键代码：在PetManger中添加doFeed(Longid)方法，返回需要更新到页面的字符串添加DWR到项目中。(添加dwr.jar、dwr.xml，修改web.xml)修改petInfo.jsp页面，将喂食功能使用DWR实现阶段3讲解实现思路和关键代码讲解实现思路和关键代码完成时间：15分钟完成时间：15分钟需求说明：使用DWR检查宠物名是否已经被占用同阶段3使用DWR实现阶段4完成时间：15分钟完成时间：15分钟阶段4常见调试问题及解决办法代码规范问题共性问题集中讲解共性问题集中讲解总结总结并布置作业总结并布置作业Thankyou
