第08章 在APNET中使用jQuery.pptVIP

8.3 jQuery代码和C#代码之间的数据交互 这一节我们主要解决以下几个问题： （1）客户端jQuery代码如何和服务器端C#代码之间传递或共享数据。 （2）服务器如何用C#定义Web Service供各种操作系统平台的各种语言访问。 （3）客户端如何通过jQuery ajax调用服务器的Web Service。 （4）代码隐藏类如何通过C#调用服务器的Web Service。 8.3.1 通过HiddenField控件传递数据 在客户端用jQuery通过id获取或设置HiddenField控件的值，在服务器端用C#通过对象获取或设置HiddenField控件的值。 【例8-15】演示如何通过HiddenField控件实现服务器和客户端之间的数据共享。 8.3.2 通过HTML5的data特性传递数据 在HTML5中，我们可以直接定义某个标记的附加数据，这些附加数据以“data-”为前缀的自定义特性来声明，其中“data-”是关键字，其后是自定义的特性名称。例如： div id=div1 runat=server data-progress=0 data-v1=abc / 【例8-16】利用自定义附加数据特性，完成进度条更新功能。 9.3.3 通过RegisterDataItem方法传递数据 使用Scriptmanager对象的RegisterDataItem方法可在异步回发期间将数据从服务器发送到客户端，而不需要考虑接收数据的控件是否位于UpdatePanel控件中。 【例9-17】演示通过Scriptmanager对象的RegisterDataItem方法传递数据的基本用法。 8.3.4 通过jQuery ajax和Web服务实现jQuery和C#的交互 1. 客户端调用Web服务的基本原理 在ASP.NET AJAX中，有三种服务形式： 一种是ASP.NET Web服务，文件扩展名为.asmx，简称Web服务； 另一种是WCF服务，文件扩展名为.svc； 第三种是ASP.NET内置的应用程序服务，包括用户的身份验证、角色和配置文件信息。 这三种服务都可以通过服务器C#代码和客户端jQuery直接访问。 8.3.4 通过jQuery ajax和Web服务实现jQuery和C#的交互 2. 在服务器端定义Web服务或者WCF服务 3. 在客户端通过ASP.NET AJAX和jQuery调用服务器端的Web服务 在ScriptManager和/ScriptManager之间，可以直接使用ServiceReferences元素指定引用的Web服务（asmx服务或者WCF服务） 4. 在客户端直接使用jQuery ajax调用Web服务 8.3.4 通过jQuery ajax和Web服务实现jQuery和C#的交互 【例8-18】演示在ASP.NET AJAX中，客户端脚本调用Web服务的基本用法。 8.4 利用jQuery Validate实现客户端数据验证 开发Web页面时，有两种常用的数据验证技术。 一种是使用jQuery验证插件在客户端进行验证； 另一种是在客户端和服务器端同时进行验证。 在实际的项目开发中，一般将这两种技术结合使用。 jQuery Validate是jQuery官方网站提供的免费插件，也可以从微软的CDN网站上下载该插件的各种版本。 本书使用的jQuery Validate为1.9版 ； jQuery Validate默认使用英文，如果希望使用中文提示，可以自定义一个插件，本书用的自定义中文提示插件的源代码见jquery.validate.messages_cn.js。 8.4.1 调用不带参数的Validate方法实现客户端验证 【例8-19】演示jQuery Validate的基本用法。 8.4.2 在Validate方法的参数中定义验证选项 开发人员编写客户端验证程序时，既可以直接调用不带参数的validate方法，也可以在validate方法的参数中指定一个或多个选项。 常用形式为： $(#formId).validate( { rules: { }, // 验证规则 messages:{ }, // 验证失败时的提示信息 errorElement: em, // 放置错误信息的元素，此处示例为em元素，也可以是其他元素 }); 8.4.3 jQuery Validate提供的验证规则 jQuery Validation内置的验证规则及其定义示例如表9-8所示 jQuery Validate内置的验证规则外，该插件还允许开发人员自定义客户端验证规则。这是通过jQuery Validation的a