如何序列化模型，将其传递给 ajax 请求中的 MVC 控制器

Question

我正在尝试将我的页面模型传递给我的控制器进行处理。 处理完信息后，想更新id为“savedText”的div，显示“账单信息保存成功”。

我有这个想法

function testingFunction() {
    var obj = $('testForm').serialize();

    $.ajax({
        url: '@Url.Action("TestingFunction", "BuildGiftCard")',
        dataType: 'json',
        success: function (result) {
            $("#savedText").html(result);
        },
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(obj)
    });

    return false;
}

我的控制器中有这个：

[HttpPost]
public JsonResult TestingFunction(PurchaseModel model)
{
    return Json("Billing information saved successfully.");
}

我做错了什么？

在 chrome 中“检查元素”时，在网络选项卡中，表示找不到我的控制器方法。

另外，对我来说，将整个模型从视图中获取到控制器的函数（在本例中为 TestingFunction）很重要，这样我就可以获取表单信息并保存它。我正在尝试 .serialize() 函数，但这会导致 obj = (空字符串)。

Answer 1

三件事：

1. $('testForm') 应该是 $('.testForm') 或 $('#testForm')。因为您正在尝试选择<testForm></testForm>。
2. 如果您只是发送表单，则不需要是 json。
3. 尝试发出post 请求：

---

$.ajax({
    url: '@Url.Action("TestingFunction", "BuildGiftCard")',
    dataType: 'json',
    success: function (result) {
        $("#savedText").html(result);
    },
    data: $('#testForm').serialize(),
    type: 'POST'
});