【问题标题】:ASP.NET MVC Validation Framework when posting via jquery $.ajax?通过 jquery $.ajax 发布时的 ASP.NET MVC 验证框架?
【发布时间】:2010-12-05 08:01:19
【问题描述】:

有很多非常好的帖子和解释如何使用 ASP.NET MVC 实现验证,我更喜欢其中之一:

但是,我真的很喜欢通过 jquery $.ajax 方法调用 ActionMethods。我想使用 $.ajax 的原因之一是因为会通过 $.ajax 调用将很多部分视图动态加载到页面中(甚至是用于创建实体的表单),而我不能只返回视图 -我会丢失所有动态加载的内容。

为了让您更好地了解该问题,我将发布一些简单的代码来解释我希望如何调用控制器操作并在客户端 jquery 代码中处理响应。

控制器ActionMethod:

    public ActionResult CreateCustomer(string name, string accountNumber)
    {
        try
        {
            CustomerService.InsertCustomer(name, accountNumber);

            return Json(new ActionInfo()
            {
                Success = true,
                Message = "Customer Is Successfully Created"
            });

        }
        catch (Exception ex)
        {
            return Json(new ActionInfo()
            {
                Success = false,
                Message = ex.Message
            });
        }
    }

在客户端代码中调用和处理:

$.ajax({
type: "POST",
url: $form.attr('action'),// /MyController/CreateCustomer
data: $form.serialize(),
error: HandleUnespectedError,
dataType: "json",
success: function(response) {

    if (response.Success)
        alert("Success: " + response.Message);
    else
        alert("Error: " + response.Message);
}});

有没有一种好方法可以让其中一些验证框架按我需要的方式工作?我知道我可以在 ActionInfo 中添加验证错误,然后在客户端中处理它,但这会我相信,这已经是我的一个验证的建筑了。

【问题讨论】:

    标签: jquery asp.net-mvc ajax validation xval


    【解决方案1】:

    距您提出问题已有一年多的时间,但我在blog post 中介绍了使用 Ajax 调用的服务器端验证,您可能对此很感兴趣。我看到您将失败的结果作为成功的 HTTP 调用返回。我处理的方式不同(我想这更正确,因为$.ajax 具有successerror 响应功能的能力)。您的特定示例是一个完美的示例,可以使用我在博文中解释的功能来实现。

    基本上,而不是总是返回一个成功的响应(但设置了属性来告诉客户端服务器端处理失败),我宁愿在服务器上抛出一个异常并在客户端上相应地处理它。我正在使用自定义 ModelStateException 类以及 HandleModelStateException 操作过滤器。

    【讨论】:

      【解决方案2】:

      我在使用数据注释属性通过 AJAX 进行验证方面取得了巨大成功。为了检查数据的有效性,您将需要使用控制器的ModelState 属性,该属性具有自己的属性,称为IsValid。我强烈建议您从官方 ASP.NET MVC 站点查看data annotations validation attributes tutorial

      首先,您需要修改控制器操作以接受模型对象作为参数,而不是单独的名称和帐号。这将使执行验证(我将在下面演示)变得更加简单。从您的示例中,我最好的猜测是您的模型对象是或将被称为客户。您可能有以下代码来定义模型对象和您的控制器操作...

      // model object
      public class Customer
      {
        public Int32 Id {get; set;}
        public String Name {get; set;}
        public String AccountNumber {get; set;}
      }
      
      // controller
      public class CustomerController : Controller
      {
        public ActionResult CreateCustomer( [Bind(Exclude = "Id")] Customer customer )
        {
           // controller action code
        }
      }
      


      确保您的表单字段的命名与 Customer 对象的属性名称匹配,以便 ASP.NET MVC 可以自动绑定它们。在这种情况下,“Bind”属性告诉 ASP.NET MVC 在将表单字段绑定到模型属性时忽略 Customer 类的“Id”属性。由于这是一个新客户,我们还没有 Id,因此我们可以放心地将 Id 保留为默认值,并让数据层来确定如何最好地生成它。

      一旦控制器为动作方法构建了模型对象,就可以通过ModelState.IsValid 属性轻松检查其有效性。正如人们所预料的那样,如果模型属性有效,它将返回 true,如果 1 个或多个属性无效,则返回 false。

      从最初的问题来看,CustomerService.InsertCustomer 方法似乎在验证失败时抛出异常。这是完全没有必要的。 InsertCustomer 应该只需要执行插入新记录所需的任何数据操作。除非您希望抽象实现特定的异常,例如 SqlException,否则 InsertCustomer 不需要捕获或抛出任何异常,但很可能只是让任何异常冒泡到控制器(或调用者可能是谁)。

      所有这一切的最终结果可能是如下所示的控制器操作:

      public ActionResult CreateCustomer( [Bind(Exclude = "Id")] Customer customer )
      {
        // model is invalid
        if (!ModelState.IsValid)
        {
          return Json(new ActionInfo()
          {
            Success = false,
            Message = "Validation failed" // you will probably want a more robust message :-)
          });
        }
      
        // service method accepts a Customer object rather than arbitrary strings  
        CustomerService.InsertCustomer(customer);
      
        return Json(new ActionInfo()
        {
          Success = true,
          Message = "Customer created successfully."
        });
      
      }
      


      如果您想报告意外错误,例如与数据库相关的异常,那么您当然可以在对 InsertCustomer 的调用周围添加一个 try/catch 块,并将显示错误消息所需的结果返回给客户端。

      【讨论】:

      • 嘿老兄!非常感谢您的努力 :) 我完全同意您对客户实体的绑定(想要这样做,不知道为什么我要使用简单参数的方法)以及肯定的异常处理。使用 xVal,我可以轻松实现客户端验证,如果有人避免它,我会在行动中抓住它。但在这种情况下,我将如何在字段旁边显示验证消息?
      • 为此,您可能希望从控制器操作中返回部分视图而不是 JSON。在您的局部视图中,您将使用 Html.ValidationMessage() 辅助方法来显示每个字段的错误消息。由您的数据注释属性生成的字段级错误消息可通过ModelState 属性提供给您的控制器。例如,要获取名为 name 的字段的第一条错误消息,您可以通过ModelState["Name"].Errors[0].ErrorMessage 获取它。另外,看看Ajax.BeginForm 方法。我过去使用它取得了巨大的成功。
      • 这就是我意识到的,要么我将返回 JSON 要么部分视图,这是我不喜欢的东西......但是,我将看看如何使用它来处理它MS 内置 Ajax 功能,虽然我希望避免这种情况 :) 谢谢
      • 不知道你为什么要避免它,但我相信你有你的理由。我将证明使用带有部分视图的Ajax.BeginForm 对我来说效果很好。我相信它无论如何都在使用 JQuery,尽管我可能会弄错。
      猜你喜欢
      • 2014-04-19
      • 1970-01-01
      • 2010-09-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-05-08
      • 2012-12-09
      相关资源
      最近更新 更多