显示 div 以显示操作错误

Question

当执行操作时发生异常时，如何在 div 中显示信息？

这是我到目前为止所做的：

<div id="dvErrorMsg">
    <a href="#" class="close">[x]</a>
    <p>
        <label id="errorMessage">
        </label>
    </p>
</div>

<script type="text/javascript">
        $(function () {

            $("#click_here").click(function (event) {
                event.preventDefault();
                $("#dvErrorMsg").slideToggle();
            });

            $("#dvErrorMsg a").click(function (event) {
                event.preventDefault();
                $("#dvErrorMsg").slideUp();
            });
        });
</script>

我的控制器中有这个操作：

public ActionResult Validatecall()
{
    //if any exeption happen show div with the custom error
}

如何捕获任何异常并在 AJAX 响应中发送回消息？

Answer 1

在这种情况下，您可以尝试返回一个 JavaScriptResult，它会告诉您的 div 展开：

public ActionResult Validatecall()
{
    ActionResult result;
    try
    {
       // do whatever
    }
    catch (Exception)
    {
       result = JavaScript("$('#dvErrorMsg').show();$('#errorMessage').val(/* Put exception message here*/")");
    }
    return result;
}

一般来说，我不建议使用这种方式与视图交互，因为您现在将依赖项引入到视图上的控制器中其本身如所解释的这里。我提供它作为一种方法，因为我不知道你到底如何调用这个动作。

假设您使用像 post 这样的 ajax 调用来调用此操作，我将返回一个 JsonResult 指示是否发生异常并以这种方式传递错误消息：

$.post("urltoaction", function (result) {    
   if (result.success)
   {
      // do whatever
   }
   else
   {
     //exception occurred show errors
     $('#dvErrorMsg').show();
     $('#errorMessage').val(result.exceptionMsg);
   }  
});

现在是控制器代码：

 public ActionResult Validatecall()
 {
        ActionResult result;
        try
        {
          // do whatever
        }
        catch (Exception e)
        {
           result = new JsonResult()
                    {
                        Data = new { success = false, exceptionMsg = e.Message },
                        JsonRequestBehavior = JsonRequestBehavior.AllowGet
                    };
        }
        return result;
}

Answer 2

try { 
  ... whatever
} catch (Exception $e) {
  $('errorMessage').html($e);
}