javascript – 如果Controller失败,如何在View中显示错误？ ASP.NET MVC

在服务器端,我有一个返回JsonResult的事务：

public JsonResult DoStuff(Guid id, string userInputText)
{
     var product = _repository.Product(id); //busines logic

     //Only a specific product must have userInputText <= 10 characters. 
     //Other products may have as many characters as the user wants.
     if(product == Enum.SpecificProduct && userInputText.Count() > 10)
     {
          //The user input text comes from the View...
          //If it has more then 10 characters, need to send the errorMessage to the View.
          return Json(new { success = false, errorMessage = "error message" }, JsonRequestBehavior.AllowGet);
     }

     //Otherwise, do stuff on the product... 

     //and return success at the end.
     return Json(new { success = true });
}

另一方面,在客户端我有这个：

using (Ajax.BeginForm("DoStuff", ajaxOptions))
{
    <span>Enter the text:</span>
    @Html.TextArea("userInputText", new { onkeyup = "SyncContents(); return false;" })

    <input type="submit" value="Add" />
    <!-- error message should be displayed here-->
}

这是AjaxOptions：

var ajaxOptions= new AjaxOptions
{
    OnSuccess = "reload",
    OnFailure = "FailMessage"
};

如果输入的文本超过10个字符,当按下“添加”按钮时,控制器正在服务器端执行代码并失败,如何从那里获取errorMessage并在此处使用它,在视图中,告知用户？

我试着提醒一条消息：

<script>
    function FailMessage() {
        alert("Fail Post");
    }
</script>

但是没有弹出“失败的帖子”出现.

最好的祝福.

解决方法:

这里的问题是Ajax帮助器认为你的所有响应都是成功的.您的控制器操作正在返回HTTP 200,因此没有问题.

https://msdn.microsoft.com/en-us/library/system.web.mvc.ajax.ajaxoptions.onfailure(v=vs.118).aspx#P:System.Web.Mvc.Ajax.AjaxOptions.OnFailure

AjaxOptions.OnFailure属性

This function is called if the response status is not in the 200 range.

因此,您需要使用成功处理程序并显式检查JSON成功参数.

或者让您的操作更改响应的HttpStatusCode.

if (notValid)
{
    Response.StatusCode = 400;  // Bad Request
    return Json(new { success = false, errorMessage = "error message" }, JsonRequestBehavior.AllowGet);
}

但是对于验证错误,我只是检查成功处理程序中的错误.

是的,您应该在客户端和服务器上进行验证.

标签：javascript,asp-net-mvc,html-helper,html
来源： https://codeday.me/bug/20190701/1348979.html