javascript - asp.net mvc从action返回对象，并在ajax成功中使用它

Question

我有 ResultOfOperation 类，我用它来获取有关事件的详细信息:

public class ResultOfOperation
    {

        public string Message1 { get; set; }
        public string Message2 { get; set; }
        public string Message3 { get; set; }

    }

还有那个 Jquery 函数，在提交时从表单调用:

function SubmitForm() {
                $.ajax({
                    url: '/Home/BindingTest',
                    data: $("#PersonForm").serialize(),
                    type: 'POST',
                    success: function (data) {

                        toastr.success(data.message1);

                    }
                });
            }

以及一些 Controller 操作:

public ResultOfOperation BindingTest(Person p)
        {
            //some DB operations.
            var rop = new ResultOfOperation();
            rop.Message1 = "Operation Success";
            return rop;
        }

我的是这样的:

<form id="PersonForm" action="@Url.Action("BindingTest", "Home")" method="post">
            <input type="text" name="firstName" />
            <br />
            <input type="text" name="lastName" />
            <br />
            <input type="number" name="age" />
            <br />
            <input type="submit" value="Submit" />
        </form>

我的问题是如何使用返回的对象并在 toastr.js 中显示它？

Answer 1

您的方法需要返回一个JsonResult

[HttpPost]
public JsonResult BindingTest(Person p)
{
    //some DB operations.
    var rop = new ResultOfOperation();
    rop.Message1 = "Operation Success";
    return Json(rop);
}