AJAX 自定义异常管理

最新推荐文章于 2023-10-20 09:30:28 发布
最新推荐文章于 2023-10-20 09:30:28 发布
阅读量751 收藏
点赞数
分类专栏： asp.net 文章标签： ajax textbox button javascript div function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fenghu89/article/details/1823557
版权
 
一．在服务端自定义异常处理
1 ．添加ASPX页面并切换到设计视图。
2 ．在工具箱中AJAX Extensions标签下双击ScriptManager和UpdatePanel控件添加到页面中。
3 ．在UpdatePanel控件中添加两个TextBox，一个Label，一个Button和一些文字，并设置Button的Text属性值为“Calculate”。
4 ．双击Calculate按钮并添加如下代码到事件处理中。
protected  void  Button1_Click( object  sender, EventArgs e)
 {
    try
    {
        int a = Int32.Parse(TextBox1.Text);

        int b = Int32.Parse(TextBox2.Text);

        int res = a / b;

        Label1.Text = res.ToString();
    }

    catch (Exception ex)
    {
        if (TextBox1.Text.Length > 0 && TextBox2.Text.Length > 0)
        {
            ex.Data["ExtraInfo"] = " You can't divide " +

                TextBox1.Text + " by " + TextBox2.Text + ".";

        }
        throw ex;
    }
}
在事件处理代码中包含了一个try-catch语句块，在try中进行除法运算，如果运算失败，在catch中设置ExtraInfo信息并重新抛出异常。
5 ．切换到设计视图并选择ScriptManager控件。
6 ．在属性窗口中的工具栏中，选择事件按钮，并双击AsyncPostBackError。
7 ．添加如下代码到AsyncPostBackError事件处理。
protected  void  ScriptManager1_AsyncPostBackError( object  sender, AsyncPostBackErrorEventArgs e)
 {
    if (e.Exception.Data["ExtraInfo"] != null)
    {
        ScriptManager1. AsyncPostBackErrorMessage =

            e.Exception.Message +

            e.Exception.Data["ExtraInfo"].ToString();

    }
    else
    {       ScriptManager1.AsyncPostBackErrorMessage =

            "An unspecified error occurred.";
    }
}
检测异常的ExtraInfo是否为空，并设置为ScriptManager控件的AsyncPostBackErrorMessage，如果不设置则会创建一个默认的异常。
8 ．保存并按Ctrl + F5运行。
9 ．在每一个文本框中输入大于零的数，并单击Calculate按钮提交成功。
10 ．在第二个文本框中输入0，单击Calculate将会引发一个异常。浏览器将会显示一个对话框，提示的信息为我们在服务端设置的信息。
二．在客户端脚本中自定义异常处理
前面的异常处理是在服务端通过设置ScriptManager控件的属性来进行处理，下面将看一下如何在客户端脚本中使用PageRequestManager类来进行异常处理，并用<div>元素来代替浏览器默认的Alert对话框。
1 ．在我们前面创建的页面中，切换到代码视图。
2 ．添加如下的HTML元素到页面中（官方文档中有点错误） ．在HEAD元素中添加如下样式标记。 ．切换到设计视图并确保你的页面如下所示。
< div  id ="AlertDiv"  language ="javascript"  onclick ="return AlertDiv_onclick()" >

     < div  id ="AlertMessage" >

     </ div >

     < br  />

     < div  id ="AlertButtons" >

         < input  id ="OKButton"  type ="button"  value ="OK"  runat ="server"  onclick ="ClearErrorState()"  />

     </ div >

</ div >
3
< style  type ="text/css" >

    #UpdatePanel1 {

      width: 200px; height: 50px;

      border: solid 1px gray;

    }

    #AlertDiv{

    left: 40%; top: 40%;

    position: absolute; width: 200px;

    padding: 12px; 

    border: #000000 1px solid;

    background-color: white; 

    text-align: left;

    visibility: hidden;

    z-index: 99;

    }

    #AlertButtons{

    position: absolute; right: 5%; bottom: 5%;

    }

 </ style >
4
5 ．在属性窗口中的下拉列表中选择DOCUMENT元素（它对应的是页面<Body>元素），设置Id属性值为bodytag。
6 ．切换到代码视图。
7 ．添加如下<script>代码块。
< script  type ="text/javascript"  language ="javascript" >

var divElem = 'AlertDiv';

var messageElem = 'AlertMessage';

var bodyTag = 'bodytag';

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

function ToggleAlertDiv(visString)

{

     if (visString == 'hidden')

     {

         $get(bodyTag).style.backgroundColor = 'white';                         

     }

     else

     {

         $get(bodyTag).style.backgroundColor = 'gray';                         

 

     }

     var adiv = $get(divElem);

     adiv.style.visibility = visString;

 

}

function ClearErrorState() {

     $get(messageElem).innerHTML = '';

     ToggleAlertDiv('hidden');                     

}

function EndRequestHandler(sender, args)

{

   if (args.get_error() != undefined)

   {

       var errorMessage;

       if (args.get_response().get_statusCode() == '200')

       {

           errorMessage = args.get_error().message;

       }

       else

       {

           // Error occurred somewhere other than the server page.

           errorMessage = 'An unspecified error occurred. ';

       }

       args.set_errorHandled(true);

       ToggleAlertDiv('visible');

       $get(messageElem).innerHTML = errorMessage;

   }

}

 </ script >
在代码块中，主要做以下几件事：
1 ）定义PageRequestManager类的endRequest事件处理，在事件处理中，当有错误发生时将显示AlertDiv。
2 ）定义ToggleAlertDiv函数，当有错误发生时它用来显示或者隐藏AlertDiv元素，并且改变页面的背景颜色。
3 ）定义ClearErrorState函数，它用来隐藏错误信息的UI。
8 ．保存并按Ctrl + F5运行。
9 ．在每一个文本框中输入大于零的数，并单击Calculate按钮提交成功。
10 ．在第二个文本框中输入0，单击Calculate将会引发一个异常。这时自定义的AlertDiv将会显示出来代替了默认的Alert对话框，如下图所示：
fenghu89
关注
专栏目录
[springboot]自定义异常和相关数据结构(带视频)
字母哥博客
04-19 531
自定义异常和相关数据结构，做到方便记忆，接口包装格式统一。
Springboot 解决ajax+自定义headers的跨域请求
KHOST的博客
06-03 808
1、什么是跨域 由于浏览器同源策略（同源策略，它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。），凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。 具体可以查看下表： 2、springboot如何解决跨域问题 1.普通跨域请求解决方案： ①请求接口添加注解@C...
自定义异常，向页面展示异常信息
BrotherBaby的博客
06-26 533
AJAX部分$.ajax({ url:"safety/loginCheck.action", data:{ "user.loginAct":username, "user.loginPwd":password }, dataType:"json", success:function
自定义异常和全局异常处理
最新发布
m0_65979822的博客
10-20 80
/捕捉BusinessException异常: 应用到所有@RequestMapping的方法上，在其抛出BusinessException时执行。return AjaxResult.me().setSuccess(false).setMessage("系统内部异常");@RestControllerAdvice //符合注解：RestController类的增强 - 可以指定包。
struts2之ajax请求返回自定义错误信息
yuan
01-07 2597
struts2的异常处理机制是在发生异常时，跳转到我们指定的页面，并显示出相应的异常信息，如 actionErr...等信息 但如果是异步请求出错，这种方         式就蛋疼了。默认的处理机制是这样的：  1）struts.xml中配置 err.jsp
使用自定义异常对象处理JavaScript错误消息
04-07
结合使用自定义异常对象和ASP.NET的错误处理，我们可以构建一个强大的错误管理系统。通过自定义错误消息，我们能够提供更具体的错误信息，帮助用户理解问题所在，同时降低技术支持的工作量。此外，这也有助于提升...
Springboot如何优雅的解决ajax+自定义headers的跨域请求
Java笔记虾
05-27 3607
1、什么是跨域 由于浏览器同源策略（同源策略，它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。），凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。 具体可以查看下表： 2、springboot如何解决跨域问题 1.普通跨域请求解决方案： ①请求接口添加注解@C...
SpringBoot捕获全局异常,返回异常信息给ajax时,data参数为整个网页,已解决
weixin_45114101的博客
03-24 437
ajax的异常要返回的是一串信息而不是视图,所以@ControllerAdvice 要换为@RestControllerAdvice 普通的访问webservice 可以用 @ControllerAdvice 和@ExceptionHandler(Exception.class) 去捕获全局异常 @ControllerAdvice public class MyException { @Exce...
后台抛异常，ajax error函数提示异常信息
中国首席偶像
03-15 5219
后台抛出异常：throw new Exception("操作失败！");ajax的error函数可以通过以下方式获取异常信息： err: function (data) { alert(data.responseJSON.message); }
Jquery ajax执行顺序 返回自定义错误信息
weixin_30477293的博客
11-30 56
1.多个Ajax 在一个function中的执行顺序 由于Jquery中的Ajax的async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false就可以了. 代码 functionTestAjax(){ varUserName=$("#txtUserName").val(); ...
Ajax获取接口抛出的异常信息
热门推荐
一枚自我成长的程序猿
12-08 1万+
一、接口抛出的异常，如 throw new MyException(“我的自定义异常！”);二、ajax请求 $.ajax({ type: “post”, url: url, data: { ‘param1’: param1, ‘param2’: par
Spring MVC异常统一处理（包括普通请求异常以及ajax请求异常）
dianwenxian7208的博客
09-21 317
通常SpringMVC对异常的配置都是返回某个jsp视图给用户，但是通过ajax方式发起请求，即使发生异常，前台也无法获得任何异常提示信息。因此需要对异常进行统一的处理，对于普通请求以及ajax请求的异常都有效。 1.Spring MVC的异常处理机制 Spring MVC 通过HandlerExceptionResolver处理程序的异常，包括处理器映射，数据绑定以及处理器执行时发生的...
ajax 获取异常信息,jQuery Ajax错误处理，显示自定义异常消息
weixin_32260275的博客
08-05 2113
有没有什么方法可以在jQuery AJAX错误消息中显示自定义异常消息作为警告?例如，如果我想通过Struts by throw new ApplicationException("User name already exists");在服务器端抛出异常，我想在jQuery AJAX错误消息中捕获这条消息("user name already exists")。jQuery("#save").cl...
异常捕捉之自定义异常类
0.2°C
03-04 712
自定义异常类是为了在ajax增、删、改的时候返回异常参数给客户端,以便程序按照程序员的预期正常执行！ 比如ajax请求修改在Controller中如此写： /** * 修改政策法规数据记录 */ @RequestMapping(value = "/update") @ResponseBody public AjaxCommonObject upd...
ajax请求封装，以及异常封装
zhuguominglove的专栏
05-20 1029
var __ajaxcount = 0; var __topwin = window.top; var __$jq = __topwin.$; var __istop = (window == window.top); //全局 loading提示 $(document).ajaxStart(function() { __topwin.__startajax(); }); $(docum
jQuery教程：错误处理与Ajax异常处理
jQuery经典技术教程的最新升级版覆盖了jQuery 1.10.x和2.0.x版本，不仅介绍了jQueryUI和jQueryMobile，还教授如何利用jQuery创建自定义插件。书中深入探讨了jQuery的各种特性，涵盖了高级技术，并在附录中讲解了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值