指导2 理论.pptVIP

本章内容 Ajax原理 ASP.NET Ajax框架 jQuery框架 本章目标 理解Ajax原理及XMLHttpRequest对象的使用 能够使用ASP.NET Ajax核心组件 能够使用ASP.NET AjaxToolkit包的控件 能够使用jQuery框架开发Web应用程序 1. 重点内容复习 1.1 Ajax原理 Ajax的组成 XmlHttpRequest Ajax调用Web Service 1.2 ASP.NET Ajax框架 ASP.NET Ajax框架组成 ASP.NET Ajax框架核心组件 ASP.NET Ajax框架控件工具包 1.3 jQuery框架 jQuery选择器 jQuery操作DOM jQuery事件处理 jQuery动画基础 jQuery 的Ajax应用 jQuery操作表格 jQuery插件 2. 难点习题讲解 2.1 第6章～第9章理论课难点习题讲解 第6章 理论题第3题 理论题第4题 理论题第5题 理论题第4题 第7章 理论题第5题 理论题第6题 第8章 理论题第2题 理论题第5题 第9章 理论题第3题 理论题第5题 2.2 第6章～第9章上机课难点习题 第6章上机部分作业：使用服务器端的Web Service中序列化JSON数据，客户端反序列化JSON数据实现动态加载HR数据库中的部门信息，并选择某一个部门，以表格的形式显示该部门的员工信息 实现方法 加载部门：在客户端通过XMLHttpRequest对象提交请求给Web Service，在Web服务方法中从数据库查询部门信息，并构造HTML select标签，响应给客户端 查询员工：在客户端通过XMLHttpRequest对象提交请求给Web Service，在Web服务方法中获取客户端传递的部门编号，从数据库查询该部门的员工信息，序列化为JSON格式数据响应给客户端。在客户端通过JSON.Parse()解析JSON格式的字符串为JSON对象，然后通过点运算符获取对象的属性，动态构造一个table标签显示员工信息。 第6章～第9章上机课难点习题 第8章上机练习和作业部分：使用jQuery实现图像传送带 实现方法 创建函数，实现追加img元素，图像传送带需要5个用于提示信息的img元素 创建函数，实现单击左侧图像向右滑动。该函数要实现每次单击左侧图像时，同时以动画方式移动可见的3张图像，并将最后一张图像移动到最前面（索引变为0） 实现点击右侧图片，图片向左滑动的效果 实现点击大中间图片，以大图片滑动显示出来。使用animate()函数自定义动画修改要大图像显示的img元素的宽高和位置 第6章～第9章上机课难点习题 第9章理论部分操作题作业：flexgrid插件使用 实现方法 从/ 下载flexgrid插件 阅读提供的文档，了解flexigrid对象的JSON格式数据中每个键/值对的使用方式和作用 在客户端提交数据时传入员工ID和排序方式 在服务器端查询数据时，使用SQL语句分页 在服务器端构造JSON字符串并响应 * 指导2 Ajax原理、ASP.NET Ajax框架和jQuery框架 * *