026-微软Ajax异步组件

ASP.Net中内置的简化AJAX开发的控件UpdatePanel
放入ScriptManager，将要实现AJAX效果的控件放到UpdatePanel中即可。
UpdatePanel原理探秘，用HttpWatch看。
只把需要无刷新更新的部分放到UpdatePanel中。
UpdatePanel用来实现一些对性能要求不高的需求非常方便。
从原理分析为什么在客户端把TextBox变红，AJAX请求以后又变白了。
Timer实现定时AJAX效果，原理分析。
UpdateProgress显示“正在加载数据”。
AJAX Toolkit简介。

微软异步组件：
1.拖拽ScriptManager一个。
2.可以拽多个UpdatePanel.
3.把ListView放到UpdatePanel中。
配合ObjectDataSource实现增删改查。
4.演示在UpdatePanel中，放按钮，做按钮的点击事件
在按钮的点击事件中执行操作。
5.做一些Demo性演示。
6.放在UpdateProcess中的内容就是当服务器等待的时候显示这个panel，当接收到请求数据的时候则UpdateProcess就不显示了。

微软Ajax组件
-》讲在前面：这样提高了开发效率，但是真实的执行效率，并没有提高
-》主要控件：在工具箱的“ajax扩展”标签中，包含了基本的ajax控件
ScriptManager：放在页面的最顶端，必须要有这个控件，才可以使用异步控件
一个页面中只有一个ScriptManager控件
UpdatePanel：放在这个容器内的内容，都会进行异步刷新
可以有多个UpdatePanel控件
UpdateProgress：用于显示进度，可以放置一张旋转的图片

Index.aspx

 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="t3_Ajax.Index" %>
 2
 3 <!DOCTYPE html>
 4
 5 <html xmlns="http://www.w3.org/1999/xhtml">
 6 <head runat="server">
 7     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 8     <title></title>
 9     <style type="text/css">
10         .auto-style1 {11             width: 100px;
12             height: 100px;
13         }
14     </style>
15 </head>
16 <body>
17     <form id="form1" runat="server">
18         <asp:ScriptManager ID="ScriptManager1" runat="server">
19         </asp:ScriptManager>
20         <div>
21             <asp:UpdatePanel ID="UpdatePanel1" runat="server">
22                 <ContentTemplate>
23                     <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
24                     <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
25                 </ContentTemplate>
26             </asp:UpdatePanel>
27             <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
28                 <ProgressTemplate>
29                     <img alt="" class="auto-style1" src="data:images/loading.gif" />
30                 </ProgressTemplate>
31             </asp:UpdateProgress>
32             <br />
33             <br />
34             <br />
35             <hr />
36             <%=DateTime.Now.ToString() %>
37         </div>
38     </form>
39 </body>
40 </html>

Index.aspx.cs

 1     public partial class Index : System.Web.UI.Page
 2     {
 3         protected void Page_Load(object sender, EventArgs e)
 4         {
 5
 6         }
 7
 8         protected void Button1_Click(object sender, EventArgs e)
 9         {
10             Thread.Sleep(2000);
11             Label1.Text = DateTime.Now.ToString();
12         }
13     }

转载于:https://www.cnblogs.com/ninghongkun/p/6363611.html

026-微软Ajax异步组件相关推荐

【转】4.1触碰jQuery：AJAX异步详解
传送门:异步编程系列目录-- 示例源码:触碰jQuery:AJAX异步详解.rar AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 X ...
ajax异步修改新闻状态,ajax同步刷新
[ajax同步刷新]的更多相关文章 \js\ajax.js //图片形式状态切换 function toggle(url,action,obj,str,id){//状态转换/obj-当前对象/str- ...
请求对象触碰jQuery：AJAX异步详解
最近一直在研究请求对象之类的问题,现在正好有机会和大家讨论一下. 传送门:异步编程系列目录-- 示例源码:触碰jQuery:AJAX异步详解.rar AJAX 全称 Asynchronous Java ...
html弹窗赋值给查询框,bootstrap模态框动态赋值， ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框（JS）...
/查询单个 function query(id) { $.ajax({ url : "/small/productServlet", async : true, type : &q ...
Vue.js 动态组件异步组件
在动态组件上使用 keep-alive 我们之前曾经在一个多标签的界面中使用 is 特性来切换不同的组件: <component v-bind:is="currentTabCompon ...
使用ASP.NET AJAX异步调用Web Service和页面中的类方法（2）：处理异步调用中的异常...
本文来自<ASP.NET AJAX程序设计第II卷:客户端Microsoft AJAX Library相关>的第三章<异步调用Web Service和页面中的类方法>,请同时 ...
Vue—核心概念—异步组件和路由懒加载
原文地址:Vue 异步组件&路由懒加载目录异步组件异步组件介绍异步组件声明高级异步组件路由懒加载路由懒加载介绍路由懒加载方法把组件按组分块异步组件异步组件介绍在开发大型 ...
ajax异步监控_监控整页（非AJAX），需要通知
ajax异步监控最近,在JSF中处理新图表和图表"导出服务"时,我遇到了一个非常普遍的问题. 当您执行长时间运行的任务(操作)时,您希望在开始时显示一个状态"请稍候-- ...
Ajax异步请求（重渲染DOM元素时，如何自动调用并执行JS自定义函数【含代码】）- 案例篇
文章目录 Ajax异步请求(重渲染DOM元素时,如何自动调用并执行JS自定义函数[含代码])- 案例篇效果截图: 重要代码: 附:全部HTML代码: Ajax异步请求(重渲染DOM元素时,如何自动调 ...

026-微软Ajax异步组件

026-微软Ajax异步组件相关推荐

最新文章

热门文章