jQuery 与 asp.net3.5 开发 AJAX 化的 web 应用程序
总提纲 <ul><li>为什么使用 jQuery </li></ul><ul><li>asp.net AJAX  是什么 </li></ul><ul><li>现在的 vs2008 对以上有多少支持 </li></ul><ul><li>对于我们的...
为什么使用 jQuery <ul><li>jQuery 是一套 Javascript 脚本库 . 注意 jQuery 是脚本库 ,  而不是脚本框架 . &quot; 库 &quot; 不等于 &quot; 框架 &quot;,  比如 &qu...
jQuery 有如下特点 : <ul><li>提供了强大的功能函数 </li></ul><ul><li>解决浏览器兼容性问题 </li></ul><ul><li>实现丰富的 UI </li></ul><ul><li>等等等等 ... </li>...
asp.net AJAX  是什么 <ul><li>ASP.NET AJAX is the free Microsoft AJAX framework for building highly interactive and responsive...
asp.net AJAX  的四大组成 <ul><li>服务器端 AJAX UploadPanel 、 ScriptManager 等控件 </li></ul><ul><li>客户端 AJAX Microsoft AJAX Library 3....
现在的 vs2008 对以上有多少支持 <ul><li>目前最新的 Visual Studio 2008 提供了对于 ASP.NET AJAX Extension 部分的内置支持。而且,在如下诸方面进行了增强: </li></ul><ul><l...
对于我们的开发,它们能干嘛? <ul><li>1.jQuery </li></ul><ul><li>可以快速实现特效,纯静态方式完成,有大量现成开源资源,跨浏览器实现。 jQuery 主要靠“扒”。 </li></ul><ul><li>要求:每...
对于我们的开发,它们能干嘛? <ul><li>2.asp.net AJAX </li></ul><ul><li>可以通过 UploadPanel 快速建立无刷新提交的效果,在最基本的层面上提高用户体验(比如注册时检查是否存在同名)。 </li>...
对于我们的开发,它们能干嘛? <ul><li>3. 可以混着用? 1+1>2 吗? </li></ul><ul><li>将服务器端对象传递到客户端是个很不错的功能,它解决了复杂对象的传输和解码,不然 .net 的对象发送到客户端, javasc...
对于我们的开发,它们能干嘛? <ul><li>4. 接下来,发挥各自特长! </li></ul><ul><li>jQuery 特点是丰富的特效和简便的 DOM 操作, asp.net AJAX 则是强大的 .net 对象的处理能力。 </li>...
三个例子 <ul><li>1. 简单 jQuery 的 DOM 操作 </li></ul><ul><li>2. 异步调用 Page.Method() 的应用 </li></ul><ul><li>注意:方法签名,错误的参数会直接被 .net 方法...
本课结束 课后习题:把第三个例子的“编辑”与“删除”功能完成。
Upcoming SlideShare
Loading in …5
×

jQuery与Asp.Net3.5开发Ajax化的Web应用程序

3,027 views

Published on

Published in: Technology
  • Be the first to like this

jQuery与Asp.Net3.5开发Ajax化的Web应用程序

  1. 1. jQuery 与 asp.net3.5 开发 AJAX 化的 web 应用程序
  2. 2. 总提纲 <ul><li>为什么使用 jQuery </li></ul><ul><li>asp.net AJAX 是什么 </li></ul><ul><li>现在的 vs2008 对以上有多少支持 </li></ul><ul><li>对于我们的开发,它们能干嘛? </li></ul><ul><li>三个例子 </li></ul>
  3. 3. 为什么使用 jQuery <ul><li>jQuery 是一套 Javascript 脚本库 . 注意 jQuery 是脚本库 , 而不是脚本框架 . &quot; 库 &quot; 不等于 &quot; 框架 &quot;, 比如 &quot;System 程序集 &quot; 是类库 , 而 &quot;ASP.NET MVC&quot; 是框架 . jQuery 并不能帮助我们解决脚本的引用管理和功能管理 , 这些都是脚本框架要做的事 . </li></ul><ul><li>脚本库能够帮助我们完成编码逻辑 , 实现业务功能 . 使用 jQuery 将极大的提高编写 javascript 代码的效率 , 让写出来的代码更加优雅 , 更加健壮 . </li></ul><ul><li>最新版本 1.3.2 </li></ul>
  4. 4. jQuery 有如下特点 : <ul><li>提供了强大的功能函数 </li></ul><ul><li>解决浏览器兼容性问题 </li></ul><ul><li>实现丰富的 UI </li></ul><ul><li>等等等等 ... </li></ul>推荐学习链接: http://www.cnblogs.com/zhangziqiu/archive/2009/04/30/jQuery-Learn-1.html
  5. 5. asp.net AJAX 是什么 <ul><li>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 </li></ul><ul><li>翻译: asp.net ajax 是微软的一套 AJAX 框架,用于建立高交互式的应用程序。它包含了“服务器端 AJAX” 、“客户端 AJAX” 、“ AJAX 工具集”和“ jQuery 库”这四大组成部分。 </li></ul>
  6. 6. asp.net AJAX 的四大组成 <ul><li>服务器端 AJAX UploadPanel 、 ScriptManager 等控件 </li></ul><ul><li>客户端 AJAX Microsoft AJAX Library 3.5 ,功能比较复杂,主要是对 javascript 的扩展和一些客户端控件 </li></ul><ul><li>AJAX 工具集 AJAX Control Toolkit ,基本都属于服务器控件,用于快速构造 AJAX 应用 </li></ul><ul><li>jQuery 库 </li></ul>推荐学习链接: http://www.cnblogs.com/terrylee/archive/2006/11/12/aspnet_ajax_quickstarts.html
  7. 7. 现在的 vs2008 对以上有多少支持 <ul><li>目前最新的 Visual Studio 2008 提供了对于 ASP.NET AJAX Extension 部分的内置支持。而且,在如下诸方面进行了增强: </li></ul><ul><li>对于 JavaScript 编程的智能感知( intellisense )支持 </li></ul><ul><li>对于 ASP.NET AJAX 库提供集成的编辑器支持 </li></ul><ul><li>针对支持 JSON 的 .asmx web 服务编程的智能感知支持 </li></ul><ul><li>增强的 JavaScript 调试支持 </li></ul><ul><li>ASP.NET AJAX 扩展器控件支持 </li></ul>
  8. 8. 对于我们的开发,它们能干嘛? <ul><li>1.jQuery </li></ul><ul><li>可以快速实现特效,纯静态方式完成,有大量现成开源资源,跨浏览器实现。 jQuery 主要靠“扒”。 </li></ul><ul><li>要求:每个后台工程师和前台工程师都应熟练掌握 jQuery ,能够进行 DOM 操作,改改 HTML 树;高手是修改别人的 jQuery 插件,添加自己的功能。 </li></ul>
  9. 9. 对于我们的开发,它们能干嘛? <ul><li>2.asp.net AJAX </li></ul><ul><li>可以通过 UploadPanel 快速建立无刷新提交的效果,在最基本的层面上提高用户体验(比如注册时检查是否存在同名)。 </li></ul><ul><li>可以将服务器端对象(包括对象集合和字典等复杂类型)从后台传送 json 化的对象实例到前台接收,可配合前台 javascript 实现比较复杂的功能(比如实现无刷新翻页)。 </li></ul>
  10. 10. 对于我们的开发,它们能干嘛? <ul><li>3. 可以混着用? 1+1>2 吗? </li></ul><ul><li>将服务器端对象传递到客户端是个很不错的功能,它解决了复杂对象的传输和解码,不然 .net 的对象发送到客户端, javascript 怎么认识?一个说日语一个说法语? </li></ul><ul><li>asp.net AJAX 是通过服务器端的 json 转换器实现的,它同时能够将客户端的对象传送到服务器端。 </li></ul><ul><li>这种模式就叫“ asp.net AJAX 异步调用”。 </li></ul><ul><li>要求:熟练使用异步调用技术。 </li></ul>推荐学习链接: http://www.cnblogs.com/dflying/archive/2007/06/05/771471.html
  11. 11. 对于我们的开发,它们能干嘛? <ul><li>4. 接下来,发挥各自特长! </li></ul><ul><li>jQuery 特点是丰富的特效和简便的 DOM 操作, asp.net AJAX 则是强大的 .net 对象的处理能力。 </li></ul><ul><li>这样下来,一个页面周期可以变成: </li></ul><ul><li>BLL --> aspx --> HTML (渲染完成) </li></ul><ul><li>HTML 控件的事件 --> javascript function --> 异步调用 --> aspx.Method() --> 返回值 --> javascript function --> HTML 进行反馈( DOM 操作) </li></ul>
  12. 12. 三个例子 <ul><li>1. 简单 jQuery 的 DOM 操作 </li></ul><ul><li>2. 异步调用 Page.Method() 的应用 </li></ul><ul><li>注意:方法签名,错误的参数会直接被 .net 方法“挡”在外面,报错 javascript 的错误“找不到函数”,在类型不对时很容易出错。结论,在 HTML 中进行客户端验证。 </li></ul><ul><li>3. 混合 jQuery + asp.net AJAX 的例子 </li></ul>
  13. 13. 本课结束 课后习题:把第三个例子的“编辑”与“删除”功能完成。

×