解决AJAX中使用UpdatePanel后无法弹出js对话框问题(引)

简介: 1 System.Web.UI.ScriptManager.RegisterStartupScript来替代Page.ClientScript.RegisterStartupScript 2 注册DataItem方法 .

1 System.Web.UI.ScriptManager.RegisterStartupScript来替代Page.ClientScript.RegisterStartupScript
2 注册DataItem方法


<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<script type="text/javascript">...
    Sys.WebForms.PageRequestManager.getInstance().add_pageLoading(
   function(sender, e)
   ......{
  var dataItem = e.get_dataItems()["<%= this.UpdatePanel1.ClientID %>"]();
  alert(dataItem.Name);
   });
</script>
<div>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
   <ContentTemplate>
  <asp:Button ID="test" runat="server" Text="test" OnClick="test_Click" />
   </ContentTemplate>
    </asp:UpdatePanel>
</div>

</form>
</body>
</html>
using System.Web.Script.Serialization;

public partial class WebForm1 : System.Web.UI.Page
{
     protected void Page_Load(object sender, EventArgs e)
 {
 }
 protected void test_Click(object sender, EventArgs e)
 {
    JavaScriptSerializer serializer = new JavaScriptSerializer();
    ScriptManager.GetCurrent(this.Page).RegisterDataItem(this.UpdatePanel1, "var _f = function(){alert('Hello World!');}; _f;", true);
  }
}

博客园大道至简

http://www.cnblogs.com/jams742003/

转载请注明:博客园

目录
相关文章
|
8月前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
78 0
|
2月前
|
数据采集 前端开发 JavaScript
虎扑APP数据采集:JavaScript与AJAX的结合使用
虎扑APP数据采集:JavaScript与AJAX的结合使用
|
4月前
|
移动开发 前端开发 JavaScript
js之ajax |12-6
js之ajax |12-6
|
6月前
|
XML 前端开发 JavaScript
JavaScript进阶 - AJAX请求与Fetch API
【7月更文挑战第3天】前端开发中的异步基石:AJAX与Fetch。AJAX,使用XMLHttpRequest,处理跨域、回调地狱和错误处理。Fetch,基于Promise,简化请求,但需注意默认无跨域头和HTTP错误处理。两者各有优劣,理解其问题与解决策略,能提升前端应用的性能和用户体验。
179 24
|
5月前
|
JavaScript 前端开发 网络协议
|
5月前
|
JavaScript 前端开发 安全
js之AJAX
js之AJAX
41 0
|
7月前
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
|
6月前
|
XML 前端开发 JavaScript
JavaScript进阶 - AJAX请求与Fetch API
【7月更文挑战第9天】JavaScript进阶:AJAX与Fetch API对比。AJAX用于异步数据交换,XMLHttpRequest API复杂,依赖回调。Fetch API是现代、基于Promise的解决方案,简化请求处理。示例:`fetch(&#39;url&#39;).then(r =&gt; r.json()).then(data =&gt; console.log(data)).catch(err =&gt; console.error(err))`。注意点包括检查HTTP状态、错误处理、CORS、Cookie和超时。Fetch提高了异步代码的可读性,但需留意潜在问题。
118 0
|
6月前
|
前端开发 JavaScript API
js【详解】ajax (含XMLHttpRequest、 同源策略、跨域、JSONP)
js【详解】ajax (含XMLHttpRequest、 同源策略、跨域、JSONP)
65 0
|
7月前
|
XML 移动开发 前端开发
JS设置Ajax为同步或异步
JS设置Ajax为同步或异步
98 0