jQuery与asp.net3.5开发AJAX化的web应用程序--课程PPT、培训纲要和例子源程序下载

http://www.killuakun.com/post/jquery-aspnet-ajax-web.aspx

这是我最近的一个培训课程，目的是向同事介绍如何使用“jQuery与asp.net3.5开发AJAX化的web应用程序”，自认为程序和内容都比较通俗易懂，就发上来给大家分享一下。

1、为什么使用jQuery
jQuery是一套Javascript脚本库.注意jQuery是脚本库, 而不是脚本框架. "库"不等于"框架", 比如"System程序集"是类库,而"ASP.NET MVC"是框架. jQuery并不能帮助我们解决脚本的引用管理和功能管理,这些都是脚本框架要做的事.
脚本库能够帮助我们完成编码逻辑,实现业务功能. 使用jQuery将极大的提高编写javascript代码的效率, 让写出来的代码更加优雅, 更加健壮.
最新版本1.3.2

jQuery有如下特点:
1.提供了强大的功能函数
2.解决浏览器兼容性问题
3.实现丰富的UI
4.等等等等...

推荐学习链接：/article/4677254.html

2、asp.net AJAX 是什么
ASP.NET AJAX is the free Microsoft AJAX framework for building highly interactive and responsive web applications that work across all popular browsers. The ASP.NET AJAX framework includes Server-Side ASP.NET AJAX, Client-Side ASP.NET AJAX, the AJAX Control Toolkit, and the jQuery library. ASP.NET AJAX enables developers to choose their preferred method of AJAX development, whether it is server-side programming, client-side programming, or a combination of both.----引用ajax.asp.net
翻译：asp.net ajax是微软的一套AJAX框架，用于建立高交互式的应用程序。它包含了“服务器端AJAX”、“客户端AJAX”、“AJAX工具集”和“jQuery库”这四大组成部分。

asp.net AJAX的四大组成
1.服务器端AJAX
例如：UploadPanel、ScriptManager等控件

2.客户端AJAX
Microsoft AJAX Library 3.5，功能比较复杂，主要是对javascript的扩展和一些客户端控件

3.AJAX工具集
AJAX Control Toolkit，基本都属于服务器控件，用于快速构造AJAX应用

4.jQuery库

推荐学习链接：http://www.cnblogs.com/terrylee/archive/2006/11/12/aspnet_ajax_quickstarts.html

3、现在的vs2008对以上有多少支持
目前最新的Visual Studio 2008提供了对于ASP.NET AJAX Extension部分的内置支持。而且，在如下诸方面进行了增强：

对于JavaScript编程的智能感知（intellisense）支持
对于ASP.NET AJAX库提供集成的编辑器支持
针对支持JSON的.asmx web服务编程的智能感知支持
增强的JavaScript调试支持
ASP.NET AJAX扩展器控件支持

4、对于我们的开发，它们能干嘛？
1.jQuery
可以快速实现特效，纯静态方式完成，有大量现成开源资源，跨浏览器实现。写jQuery主要靠“扒”。
要求：每个后台工程师和前台工程师都应熟练掌握jQuery，能够进行DOM操作，改改HTML树；高手是修改别人的jQuery插件，添加自己的功能。

2.asp.net AJAX
可以通过UploadPanel快速建立无刷新提交的效果，在最基本的层面上提高用户体验（比如注册时检查是否存在同名）。
可以将服务器端对象（包括对象集合和字典等复杂类型）从后台传送json化的对象实例到前台接收，可配合前台javascript实现比较复杂的功能（比如实现无刷新翻页）。

3.可以混着用？1+1>2吗？
将服务器端对象传递到客户端是个很不错的功能，它解决了复杂对象的传输和解码，不然.net的对象发送到客户端，javascript怎么认识？一个说日语一个说法语？
asp.net AJAX是通过服务器端的json转换器实现的，它同时能够将客户端的对象传送到服务器端。

这种模式就叫“asp.net AJAX 异步调用”。
要求：熟练使用异步调用技术。

推荐学习链接：/article/4589369.html

4.接下来，发挥各自特长！
jQuery特点是丰富的特效和简便的DOM操作，asp.net AJAX则是强大的.net对象的处理能力。
这样下来，一个页面周期可以变成：
BLL --> aspx --> HTML（渲染完成）
HTML控件的事件 --> javascript function --> 异步调用 --> aspx.Method() --> 返回值 --> javascript function --> HTML进行反馈（DOM操作）

5、三个例子
1.简单jQuery的DOM操作

2.异步调用Page.Method()的应用
注意：方法签名，错误的参数会直接被.net方法“挡”在外面，报错javascript的错误“找不到函数”，在类型不对时很容易出错。结论，在HTML中进行客户端验证。

3.混合jQuery + asp.net AJAX的例子

例子文件下载：jqueryaspnetajax.rar (87.35 kb)