2013年第6章 Ajax原理(上机).pptVIP

效果演示 阶段小结 共性问题集中讲解 使用POST方式请求Web Service 客户端解析响应的字符串数据，并动态生成HTML标签显示 总结 总结并布置作业 Ajax原理 上机6 上机内容 Ajax实现局部提交 Ajax处理XML数据 Ajax处理JSON数据 Ajax调用Web Service 上机目标 能够使用Ajax实现页面局部提交 能够接收服务器响应的XML数据 能够在Ajax中处理服务器端响应的JSON格式数据 能够使用Ajax在JavaScript脚本中调用Web Service 阶段1 训练内容 使用XmlHttpRequest以get方式发出请求 服务器端格式化内容输出 使用XmlHttpRequest对象responseText属性接收数据 需求说明 依据提供的数据库HR，使用Ajax的局部提交功能实现HTML页面动态加载部门列表 阶段1 完成时间：25分钟 实现思路 数据保存在数据库中，需要在服务器端代码实现数据查询。在HTML静态页面使用XmlHttpRequest对象发出异步请求，服务器端接收请求后，从数据库查询的，最后通过HTTP响应返回到客户端。实现该功能的重点是XmlHttpRequest对象的使用。但是难点确实数据的解析。要保证部门数据能够加载到select表单内，可以通过两种方式实现 是从服务器端返回字符串，在客户端对字符串