服务器控件的异步请求——UpdatePanel和ScriptManager

aspx文件里面有以下一段代码

<body><form id="form1" runat="server"><div><%=DateTime.Now %><uc1:UserControl runat="server" ID="UserControl" /></div></form>
</body>

注：UserControl1是外部拖拽进来的一个DropDownList用户控件，切换选项时可以触发页面刷新，可以换成其它的控件，只要能触发刷新就行

运行效果是什么呢？由于获取时间和用户控件的线程是同步的，所以每次切换用户控件都将改变页面上显示的时间。

那如何使得用户控件操作不刷新整个页面，而只刷新自己呢？（这里有点拗口，总之理解为DropDownList选项切换时其它的保持原样而不刷新就行）

这里可以使用两个服务器控件达到目的：UpdatePanel和ScriptManager

我们尝试着在上面的基础上插入几行代码，注意两次代码的区别：

<body><form id="form1" runat="server"><div><%=DateTime.Now %><asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager><asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate><uc1:UserControl runat="server" ID="UserControl" /></ContentTemplate></asp:UpdatePanel></div></form>
</body>

我在这里先是添加了一个ScriptManager，然后再用一个UpdatePanel将DDL控件给包了起来

注：<ContentTemplate>的作用是定义更新面板的内容模板，也就是放在这里面的内容才是需要更新的

这次的运行效果是什么呢？

不管怎么切换下拉框的选项，都不会导致页面上时间的改变。

原因是，经过这一处理后，下拉框用户控件选项的改变成了异步请求，不会刷新整个页面，所以前面的时间也不会重新得到获取，因此不会改变

（完）

转载于:https://www.cnblogs.com/xdxs/p/4149015.html

服务器控件的异步请求——UpdatePanel和ScriptManager相关推荐

iOS 中的网络请求（同步请求、异步请求、GET请求、POST请求）
1.同步请求可以从因特网请求数据,一旦发送同步请求,程序将停止用户交互,直至服务器返回数据完成,才可以进行下一步操作, 2.异步请求不会阻塞主线程,而会建立一个新的线程来操作,用户发出异步请求后,依然 ...
第106天：Ajax中同步请求和异步请求
同步请求和异步请求的区别 1.同步是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式. 用户填写所有信息后,提交给服务器,等待服务器的回应(检验数据),是一次性的.信息错误又要重新 ...
异步请求之XMLHttpRequest篇
XMLHttpRequest 简介 XMLHttpRequest对象可以实现页面无刷新来实现与服务端进行数据交互.最先有微软公司设计,随后被Google,Mozilla等使用.现在已成为异步请求的标准 ...
Spring Boot 异步请求和异步调用
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试文章一.Spring Boot中异步请求的使用 1.异步请求与同步请求 ...
架构设计|异步请求如何同步处理？
来自:程序通事本文创意来自一次业务需求,这次需要接入一个第三方外部服务.由于这个服务只提供异步 API,为了不影响现有系统同步处理的方式,接入该外部服务时,应用对外屏蔽这种差异,内部实现异步请求同步 ...
php 返回字符串给aja,解决ajax异步请求返回的是字符串问题
1.返回结果差异 js获取后打印res.code无结果.因为返回数据格式不正确. php文件添加header头: header('Content-Type:application/json;'); 或 ...
OkHttpClient源码分析（一）—— 同步、异步请求分析和Dispatcher的任务调度
OkHttpClient同步请求的执行流程和源码分析同步请求示例 OkHttpClient okHttpClient = new OkHttpClient.Builder().readTimeout ...
IOS - IOS之同步请求、异步请求、GET请求、POST请求
1.同步请求可以从因特网请求数据,一旦发送同步请求,程序将停止用户交互,直至服务器返回数据完成,才可以进行下一步操作, 2.异步请求不会阻塞主线程,而会建立一个新的线程来操作,用户发出异步请求后,依然 ...
html弹窗赋值给查询框,bootstrap模态框动态赋值， ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框（JS）...
/查询单个 function query(id) { $.ajax({ url : "/small/productServlet", async : true, type : &q ...

服务器控件的异步请求——UpdatePanel和ScriptManager

服务器控件的异步请求——UpdatePanel和ScriptManager相关推荐

最新文章

热门文章