Asp.Net Ajax系列(二) 局部页面呈现（Partial-Page Rendering）
2012-02-01 05:57
405 查看
======================================================
注：本文源代码点此下载
======================================================
观察前面一篇文章的例子,你将在aspx页面的源代码发现和〉两个标签,这里我们将解释其局部页面呈现的概念。
局部页面呈现(partial-page rendering)可以理解为 局部页面加载,根据我们上一个例子,局部页面加载技术能够使得我们避免重新加载整个页面,它只更新我们需要刷新的部分,因此将大大减少用户等待时间,增强用户体验。上篇文章使用microsoft asp.net 2.0 ajax extensions 组件,将使得我们不用写任何客户端javascript代码,
就可以使用这种技术。
microsoft asp.net2.0 ajax extensions 使得我们能轻松扩展我们现有的asp.net 2..0应用程序,使得它能具备ajax特性。我们可以在以下情况是用它:
极力提高用户的网页交互体验,增强响应感受,使得网页行为接近传统客户端程序。
减少整页刷新,避免反复刷新而产生的闪动。
不必为兼容不同浏览器而编写客户端脚本
充分发挥ajax的客户端与服务器通信特性,而不用编写任何客户端脚本
充分享受 asp.net ajax control toolkit 的控件和组件的高效率
开发自定义控件
局部页面呈现依赖于asp.net 2.0 ajax extensions的服务器端控件和在microsoft ajax library 中的客户端功能。在应用的过程中并不要求你使用microsoft ajax library,因为它的功能将在你使用服务器端控件的时候自动提供。当然,你也可以直接调用该库的开放api,去开发具备其他的ajax特性的网页。
partial-page rendering的基本特征包含:
像asp.net服务器控件一样的声明模型。在很多情况下,你仅仅声明一个标签就可以定制局部页面呈现。
拥有服务器端控件,包含 scriptmanager和updatepanel 控件
服务器端控件和microsoft ajax library集成,为普通任务提供实现类似取消postback或决定多次点击后如何运行的能力
错误处理机制能使你将错误自定义的显示在浏览器里
跨浏览器的兼容性已经融入microsoft ajax library. 易于使用的服务器控件将自动调用匹配适合浏览器的功能
背景
使用asp.net服务器控件的典型网页能够通过已被初始化的用户行为完成提交,比如说点击一个按钮。在响应流中,服务器将呈现一个新网页。在很多情况下,完全没有必要在提交之间重新呈现那些没有任何改变的控件和文本。
使用asp.net ajax 局部页面呈现技术,你只需要更新一个网页中的独立区域部分 ,使得其对用户有更好的响应性。你可以使用asp.net的服务器控件,也可以写客户端脚本来调用microsoft ajax library中的api来实现局部页面呈现。
服务器端控件
想要在asp.net网页上实现ajax功能,你必须标识一个需要更新的独立区域。于是你需要使用updatepanel控件来进行包装该区域,里面可以放html也可以是asp.net控件。你可以在网页design视图下从工具栏将其拖入,也可以使用在source视图中以声明标签的方式实现。就像下面
在上一个篇的例子里,你如果察看源文件,也将会看到这个标签。
所有包含自这个update panel 内的控件所引发的提交都会在默认情况下自动以异步的方式执行,使得该区域能够实现局部页面的更新。你也可以指定一个update panel区域以外的一个控件去引发该区域的提交和刷新,也就意味着你可以指定某个控件作为其触发器。关于这部分内容我们将在以后会提到。
当异步提交就像一次普通的提交在服务器的页面事件中发生的时候,viewstate和form的数据将被保存下来。然而,除了在updatepanel中的内容会在客户端浏览器更新,其余的将保持原状。
为了实现局部页面呈现,你还有一件事情要做,就是放置一个scriptmanager控件在页面上。scriptmanager控件自动跟踪页面上所有的update panel,同时也充当着他们的触发器, 调整服务器局部页面呈现的行为,指示页面的某个部分作为最近一次异步提交的显示结果。
放在form标签中即可
局部页面呈现的缺陷
如果局部页面呈现失效或者浏览器不支持,那么提交将变得和任何普通asp.net网页一样,异步提交行为将被同步提交和整页更新所替代,updatepanel控件将失效,控件里的内容就象没有放在里面一样。
后面我将讲解updatepanel具体使用的例子
======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定
这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/
注：本文源代码点此下载
======================================================
观察前面一篇文章的例子,你将在aspx页面的源代码发现和〉两个标签,这里我们将解释其局部页面呈现的概念。
局部页面呈现(partial-page rendering)可以理解为 局部页面加载,根据我们上一个例子,局部页面加载技术能够使得我们避免重新加载整个页面,它只更新我们需要刷新的部分,因此将大大减少用户等待时间,增强用户体验。上篇文章使用microsoft asp.net 2.0 ajax extensions 组件,将使得我们不用写任何客户端javascript代码,
就可以使用这种技术。
microsoft asp.net2.0 ajax extensions 使得我们能轻松扩展我们现有的asp.net 2..0应用程序,使得它能具备ajax特性。我们可以在以下情况是用它:
极力提高用户的网页交互体验,增强响应感受,使得网页行为接近传统客户端程序。
减少整页刷新,避免反复刷新而产生的闪动。
不必为兼容不同浏览器而编写客户端脚本
充分发挥ajax的客户端与服务器通信特性,而不用编写任何客户端脚本
充分享受 asp.net ajax control toolkit 的控件和组件的高效率
开发自定义控件
局部页面呈现依赖于asp.net 2.0 ajax extensions的服务器端控件和在microsoft ajax library 中的客户端功能。在应用的过程中并不要求你使用microsoft ajax library,因为它的功能将在你使用服务器端控件的时候自动提供。当然,你也可以直接调用该库的开放api,去开发具备其他的ajax特性的网页。
partial-page rendering的基本特征包含:
像asp.net服务器控件一样的声明模型。在很多情况下,你仅仅声明一个标签就可以定制局部页面呈现。
拥有服务器端控件,包含 scriptmanager和updatepanel 控件
服务器端控件和microsoft ajax library集成,为普通任务提供实现类似取消postback或决定多次点击后如何运行的能力
错误处理机制能使你将错误自定义的显示在浏览器里
跨浏览器的兼容性已经融入microsoft ajax library. 易于使用的服务器控件将自动调用匹配适合浏览器的功能
背景
使用asp.net服务器控件的典型网页能够通过已被初始化的用户行为完成提交,比如说点击一个按钮。在响应流中,服务器将呈现一个新网页。在很多情况下,完全没有必要在提交之间重新呈现那些没有任何改变的控件和文本。
使用asp.net ajax 局部页面呈现技术,你只需要更新一个网页中的独立区域部分 ,使得其对用户有更好的响应性。你可以使用asp.net的服务器控件,也可以写客户端脚本来调用microsoft ajax library中的api来实现局部页面呈现。
服务器端控件
想要在asp.net网页上实现ajax功能,你必须标识一个需要更新的独立区域。于是你需要使用updatepanel控件来进行包装该区域,里面可以放html也可以是asp.net控件。你可以在网页design视图下从工具栏将其拖入,也可以使用在source视图中以声明标签的方式实现。就像下面
在上一个篇的例子里,你如果察看源文件,也将会看到这个标签。
所有包含自这个update panel 内的控件所引发的提交都会在默认情况下自动以异步的方式执行,使得该区域能够实现局部页面的更新。你也可以指定一个update panel区域以外的一个控件去引发该区域的提交和刷新,也就意味着你可以指定某个控件作为其触发器。关于这部分内容我们将在以后会提到。
当异步提交就像一次普通的提交在服务器的页面事件中发生的时候,viewstate和form的数据将被保存下来。然而,除了在updatepanel中的内容会在客户端浏览器更新,其余的将保持原状。
为了实现局部页面呈现,你还有一件事情要做,就是放置一个scriptmanager控件在页面上。scriptmanager控件自动跟踪页面上所有的update panel,同时也充当着他们的触发器, 调整服务器局部页面呈现的行为,指示页面的某个部分作为最近一次异步提交的显示结果。
放在form标签中即可
局部页面呈现的缺陷
如果局部页面呈现失效或者浏览器不支持,那么提交将变得和任何普通asp.net网页一样,异步提交行为将被同步提交和整页更新所替代,updatepanel控件将失效,控件里的内容就象没有放在里面一样。
后面我将讲解updatepanel具体使用的例子
======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定
这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- MrXie 之Asp.Net Ajax系列(二) 局部页面呈现（Partial-Page Rendering）
- Asp.Net Ajax系列(二) 局部页面呈现（Partial-Page Rendering）
- Asp.Net Ajax系列(二) 局部页面呈现（Partial-Page Rendering）
- （转）MrXie 之Asp.Net Ajax系列(二) 局部页面呈现
- 【转】了解使用 ASP.NET AJAX 进行局部页面更新
- 微软AJAX 教学系列第一讲:局部刷新Partial Page Updates(翻译)
- 了解使用 ASP.NET AJAX 进行局部页面更新1
- Rendering a simple ASP.NET MVC PartialView using JQuery Ajax Post call
- vs2010 ASP.NET, C#, Ajax 页面局部更新
- Understanding Partial Page Updates with ASP.NET AJAX
- ASP.NET Core应用的错误处理[2]：DeveloperExceptionPageMiddleware中间件如何呈现“开发者异常页面”
- 了解使用 ASP.NET AJAX 进行局部页面更新(一)
- 在ASP.NET AJAX中，由于一个ASPX页面上只能有一个ScriptManager控件，所以在有母版页的情况下，如果需要在Master-Page和Content-Page中需要引入不同的脚本时，这就需要在Content-page中使用ScriptMa
- 了解使用 ASP.NET AJAX 进行局部页面更新——ASP.NET AJAX学习笔记“出自msdn”
- ASP.NET使用ajax实现分页局部刷新页面功能
- 了解使用 ASP.NET AJAX 进行局部页面更新
- 【转】【Asp.Net】了解使用 ASP.NET AJAX 进行局部页面更新
- Dynamics CRM 2011 编程系列(30):使用ASP.NET Ajax技术的自定义页面
- asp.net中AJAX扩展实现页面局部更新
- Asp.net ajax实现任务提示页面的简单代码