CH04 数据操作.pptVIP

讲解思路： jQuery工程函数有很多种不同的用法，此后的几页PPT分别讲解了集中常用的语法，结构，在此要求进行举例讲解，最好能够加上相应的JavaScript方式的实现，以通过对比来体现出jQuery开发的方便、简单。 需要说明两种语法只是书写上不同，作用完全相同，因此在以后的讲解中都是用$() 因为jQuery进行操作的时候需要用到$(document).ready()，因此建议首先讲解该语句的作用，然后再进行后续的讲解 * 讲解思路： 讲解并演示对象集合的封装 * 讲解思路： 讲解并演示动态创建DOM元素，在此例子中需要简单讲解.appentTo()方法 * * 讲解思路： 讲解并演示如何使用选择器 有关选择器的内容因为后面会有详细的讲解，因此在这里只是简单的演示使用方式 * 讲解思路： 首先需要指出使用$()方法得到的很多都会是一个对象集合，但是很多时候进行操作的时候都是针对单一对象进行的，因此就需要从对象集合中定位和查找到特定的对象，由此可以引出对象访问的方法和属性 方法和属性可以单独举例子，也可以综合在一起举例子 * * * * SSOFT V2.0 第四章 数据操作 回顾 .ready()方法的使用 事件的绑定和取消绑定 事件对象的使用 常用事件 本章目标 回顾AJAX 掌握jQuery加载服务器数据 ---- 掌握jQuery发送服务器请求 回顾AJAX AJAX由哪几部分组成？ AJAX的主要作用是什么？ AJAX的核心是什么？ 创建AJAX应用程序 调用XMLHttpReqiest对象的open方法，以设置所用的请求方法、请求资源的URL，并指定采用异步方式发送HTTP请求。 设置XMLHttpReqiest对象的onreadystatechange属性，以指定当请求状态改变是调用的事件处理程序。 调用XMLHttpReqiest对象的send方法向服务器发送请求并接受相应。在服务器端接受请求和发送响应时可以使用各种编程技术实现。 在事件处理程序中，对服务器上获取的HTML代码块、XML数据或其他数据进行解析和处理，然后插入到HTML文档中，以实现页面的局部更新。 加载数据 load方法 .load(url[,data][,callback]) url:要加载资源的url地址 data:要发送到服务器的键值对 callback:请求完成后执行的回调函数 加载数据 加载简单的数据 $(#result).load(Rate.aspx, function (retult) {…} response.Write(5.ToString()); response.End(); 加载数据 传递参数 $(“#result”).load(“Rate.aspx?name=” + $(“#txtNum”).val(), function (retult){…｝ string name = Request.QueryString[“name”]; response.Write(“h3欢迎” + name + “的到来/h3”); response.End(); GET请求 get()方法 .get(url[,data][,callback][,dataType]) url:要加载资源的url地址 data:要发送到服务器的键值对 callback:请求完成后执行的回调函数 POST请求 post()方法 .post(url[,data][,callback][,dataType]) url:要加载资源的url地址 data:要发送到服务器的数据 callback:请求完成后执行的回调函数 dataType:指定从服务器获取的数据类型 获取JSON getJSON()方法 .getJSON(url[,data][,callback(data,textStatus)]) url:要加载资源的url地址 data:要发送到服务器的数据 callback:请求完成后执行的回调函数 textStatus:响应状态文本 获取JSON 前台页面 $.getJSON(JSON.aspx, function (data) { $.each(data, function (i, emp) { …… row.find(#no).text(emp.EmpNO); row.find(#name).text(emp.EmpName); …… } 获取JSON 后台处理代码 //需要添加ystem.Runtime.Serialization引用 using System.Runtime.Serialization.Json; …… DataContract