代码实现AJAX异步回传(弹出javascript脚本)、异步更新的错误处理

最新推荐文章于 2013-08-04 12:00:26 发布
最新推荐文章于 2013-08-04 12:00:26 发布
阅读量1.9k 收藏
点赞数
分类专栏： AJAX 文章标签： javascript 脚本 ajax button textbox server
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zjj780320380/article/details/5571302
版权

--------------------------------代码实现异步回传--------------------------------------------
页面关键代码

<body>
    <form id="form1" runat="server">
  <asp:ScriptManager ID="ScriptManager1" runat="server">
  </asp:ScriptManager>
  
  <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
   <ContentTemplate>
    <%= DateTime.Now %>
    <asp:Button ID="Button2" runat="server" Text="Button" />
   </ContentTemplate>
  </asp:UpdatePanel>
  <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
    </form>
　</body>
　后台代码
public partial class Demo2_API : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

　　　//让button1能够引发异步回传(且button1不在UpdatePanel中)
        ScriptManager.GetCurrent(this).RegisterAsyncPostBackControl(this.Button1);

 

　　　//让button2能够引发同步回传(且button2在UpdatePanel中)
        ScriptManager.GetCurrent(this).RegisterPostBackControl(this.Button2);


    }

 protected void Button1_Click(object sender, EventArgs e)
 {
        this.UpdatePanel1.Update();//更新UpdatePanel1中的内容
 }
}

 

----------------------异步回传时弹出javascript脚本-----------------------
页面关键代码

<body>
    <form id="form1" runat="server">
  <asp:ScriptManager ID="ScriptManager1" runat="server">
  </asp:ScriptManager>

  <asp:UpdatePanel ID="UpdatePanel1" runat="server">
   <ContentTemplate>
    <%= DateTime.Now %>
    <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click1" />
   </ContentTemplate>
  </asp:UpdatePanel>　　　
  <asp:UpdatePanel ID="UpdatePanel2" runat="server">
   <ContentTemplate>
    <%= DateTime.Now %>
   </ContentTemplate>
  </asp:UpdatePanel>
    </form>
</body>

后台代码：

public partial class Demo5_ScriptManagerReg : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

 protected void Button1_Click1(object sender, EventArgs e)
 {

　　　//在UpdatePanel1更新时弹出javascript脚本
        ScriptManager.RegisterStartupScript(this.UpdatePanel1, this.GetType(), "UpdatePanel1", "alert(1)", true);

　　　//在UpdatePanel2更新时弹出javascript脚本
  ScriptManager.RegisterStartupScript(this.UpdatePanel2, this.GetType(), "UpdatePanel2", "alert(2)", true);


 }
}

 

-----------------------利用代码（创建UpdatePanel）实现AJAX效果-----------------------------
页面代码：
<body>
    <form id="form1" runat="server">
  <asp:ScriptManager ID="ScriptManager1" runat="server">
  </asp:ScriptManager>

    </form>
</body>

后台代码：

public partial class Demo7_ProgramicUpdatePanel : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
  UpdatePanel up = new UpdatePanel();
  up.ID = "UpdatePanel1";
  this.Form.Controls.Add(up);

  LiteralControl lc = new LiteralControl(DateTime.Now.ToString());
  up.ContentTemplateContainer.Controls.Add(lc);

  Button btn = new Button();
  btn.Text = "Refresh";
  up.ContentTemplateContainer.Controls.Add(btn);
    }
}

 

--------------------AJAX异步更新的错误处理-----------------------------------------------------

可以通过ScriptManager控件的OnAsyncPostBackError事件和AsyncPostBackErrorMessage属性捕捉和设置回传时的错误消息

示例：

 

 

页面代码：

后台代码：

public partial class UpdatePanelErrorMessage : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
       
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        try
        {
            double a = Convert.ToDouble(TextBox1.Text.Trim());
            double b = Convert.ToDouble(TextBox2.Text.Trim());
            double res = a * b;
            Label2.Text = res.ToString("f3");//输出字符串格式的控制
        }
        catch (Exception ex)
        {
            if (TextBox1.Text.Length > 1 && TextBox2.Text.Length > 1)
            {
                ex.Data["cuo"] = "这两个数无法相乘!";
            }
            throw ex;
        }
    }
    protected void ScriptManager1_AsyncPostBackError(object sender, AsyncPostBackErrorEventArgs e)
    {
        if (e.Exception .Data ["cuo"]!=null )
        {
            ScriptManager1.AsyncPostBackErrorMessage = e.Exception.Data["cuo"].ToString();
        }
        else
        {
            ScriptManager1.AsyncPostBackErrorMessage = e.Exception.Message;
        }
    }
}

 

zjj780320380
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
异步消息的传递－回调机制
把握自己。
12-14 3140
1 什么是回调 软件模块之间总是存在着一定的接口，从调用方式上，可以把他们分为三类：同步调用、回调和异步调用。 同步调用是一种阻塞式调用，调用方要等待对方执行完毕才返回，它是一种单向调用； 回调是一种双向调用模式，也就是说，被调用方在接口被调用时也会调用对方的接口； 异步调用是一种类似消息或事件的机制，不过它的调用方向刚好相反，接口的服务在收到某种讯息或发生某种事件时，会主
一个基于ASP.NET的有效处理AJAX 异步回传事件中注册客户端代码的类库源码
01-16
标题所提到的“一个基于ASP.NET的有效处理AJAX异步回传事件中注册客户端代码的类库源码”是指一个专门设计用来简化这个过程的工具。它可能包含了一组自定义的类和方法，使得开发者能够更方便地管理AJAX请求和响应，...
异步回传结束时执行方法
weixin_30776863的博客
07-26 122
场景： 点击UpdatePanel里的button显示“正在运行。。。”DIV，执行完后，隐藏DIV。难点： 执行完后，隐藏DIV。方法： functionEndRequestHandler(sender,args){removeWaitting();}Sys.WebForms.PageRequestManager.getInstance().add_endRe...
回调函数（转载自swordzj）
OPEN_GIS
08-04 688
1、回调函数是什么： 软件模块之间总是存在着一定的接口，从调用方式上，可以把他们分为三类：同步调用、回调和异步调用。同步调用是一种阻塞式调用，调用方要等待对方执行完毕才返回，它是一种单向调用；回调是一种双向调用模式，也就是说，被调用方在接口被调用时也会调用对方的接口；异步调用是一种类似消息或事件的机制，不过它的调用方向刚好相反，接口的服务在收到某种讯息或发生某种事件时，会主动通知客户方（即调用客
Javascript触发Ajax回传，调用客户端事件
08-09
**Ajax(Asynchronous JavaScript and XML)技术是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新。在JavaScript中，我们通常使用...
精选_基于Servlet和Ajax实现搜索框智能提示_源码打包
03-09
【标题解析】 ...通过学习这个案例，开发者可以深入理解Ajax的异步通信机制，Servlet的请求处理流程，以及前后端交互的实现细节。同时，它也是一个很好的实践平台，可以用来锻炼JavaScript编程和数据处理能力。
没有Javascript的Ajax(Ajaxion)源代码(网页拖拽控件，二进制图像回传)
12-22
传统的Ajax（Asynchronous JavaScript and XML）技术依赖于JavaScript来处理异步数据交换，它通过XMLHttpRequest对象向服务器发送请求，并接收响应，从而更新部分网页内容，而无需刷新整个页面。然而，Ajaxion打破了...
struts2如何实现弹出action返回的错误信息
12-27
在Struts2框架中，实现弹出Action返回的错误信息是一项常见的需求，特别是在表单验证、数据处理或业务逻辑执行失败时，向用户反馈错误信息至关重要。本文将深入探讨三种在Struts2中实现这一功能的方法，并对每种方法...
Jquery+Ajax实现异步更新
06-04
使用Jquery和Ajax技术，根据HTML页面输入的内容自动将相关信息显示出来
ajax异步读取后台传递回的下拉选项的值方法
10-18
今天小编就为大家分享一篇ajax异步读取后台传递回的下拉选项的值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
使用ajaxfileupload.js实现ajax上传文件php版
10-25
为了解决这个问题，开发者通常会利用Ajax技术实现异步文件上传，以保持页面的交互性。在jQuery生态中，虽然jQuery本身没有提供直接的文件上传API，但有一些插件可以帮助我们实现这一功能，比如ajaxfileupload.js。这...
回传
02-18
1. **Ajax（异步JavaScript和XML）**：Ajax是实现回传的核心技术，它允许页面在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。通过创建XMLHttpRequest对象，JavaScript可以发送HTTP请求到服务器，并...
基于ASP的Ajax 不刷新网页加载新闻列表示例代码.zip
最新发布
07-10
它通过XMLHttpRequest对象向服务器发送异步请求，获取数据，并通过JavaScript处理这些数据，动态更新DOM（Document Object Model）结构，从而实现页面的局部刷新。 3. **新闻列表加载**：在这个示例中，用户可能有...
ajax 处理异步刷新中出现的异常
楚人子游的专栏
02-02 1053
Default3.aspx Code: 无标题页 <asp:ScriptManager runat=server ID="scriptmanager" onasyncpostbackerror="scriptmanager_AsyncPostBackError">
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值