jQuery $.ajax 将 null 值传递给 MVC 控制器

Question

我已经为这个问题苦苦挣扎了一段时间了。我已遵循类似问题中提供的所有建议，但没有成功。

正如标题所示，我的控制器未接收到我的 $.ajax 传递的数据。

jQuery：

var data = {
    id: id,
    app: app
};


    $.ajax({
        type: "POST",
        url: "/Utility/FetchTransactionLog",
        data: JSON.stringify(data),
        contentType: "application/json;",
        success: function (data) {
            if (data) {
                h.resultDiv.html(data);
            }
            else {
                h.resultDiv.html("");
                alert("No Log Found");
            }
        }
    });

控制器：

//id and app receives null values
public ActionResult FetchTransactionLog(string id,string app) {
    UtilityModels util = new UtilityModels(app);
    List<ResultModel> result = util.FetchTransactionLog(id);
    return View("LogResult", result);            
}

Global.asax 中的路由：

routes.MapRoute(
    "Default", // Route name
    "{controller}/{action}/{id}", // URL with parameters
    new { controller = "Utility", action = "Index", id=UrlParameter.Optional } // Parameter defaults
);

routes.MapRoute(
     "FetchLog",
     "Utility/FetchTransactionLog/{id}/{app}",
     new { controller = "Utility", action = "FetchTransactionLog", id = "", app = "" } // Parameter defaults
 );      

我做错了什么？

更新

以下内容按照 Samich 的建议进行：

$.ajax({
            type: "POST",
            url: "/Utility/FetchTransactionLog/" + id + "/" + app,
            data: "{}",
            contentType: "application/json;",
            success: function (data) {
                if (data) {
                    h.resultDiv.html(data);
                }
                else {
                    h.resultDiv.html("");
                    alert("No Log Found");
                }
            }
        });

Answer 1

尝试将您的 id 和应用程序附加到您在路由 /Utility/FetchTransactionLog/{id}/{app} 中指定的网址，

可能是因为您的路由需要查询字符串中的值，但找不到它在那里，所以路由注册提供的默认值

Answer 2

为什么要对数据进行 JSON.stringify？您应该按原样传递对象，就像

data: data,

文档 说的那样，如果您通过在对象中，它会自动转换为字符串。通过传入包含 JSON 的字符串，您会混淆 jQuery，并且最终会将垃圾数据传递给 ASP（使用浏览器的开发工具来检查请求会立即产生这很明显）。

Answer 3

您的 data 不应该是 JSON 字符串，只需将其保留为 Javascript 对象即可。 jQuery 会将其转换为 POST 参数，然后您的控制器可以读取这些参数。

$.ajax({
    type: "POST",
    url: "/Utility/FetchTransactionLog",
    data: data,
    success: function (data) {
        if (data) {
            h.resultDiv.html(data);
        }
        else {
            h.resultDiv.html("");
            alert("No Log Found");
        }
    }
});

Answer 4

我目前无法对此进行测试，但尝试将 - 更改

data: JSON.stringify(data), 

为

data: data,

JSON.stringify 将以阻止 jQuery 正确发布数据的方式格式化您的数据。如果您传递一个普通对象，一切都应该按预期工作。

Answer 5

试试这个：

 $.ajax({
    type: "POST",
    url: "/Utility/FetchTransactionLog",
    data: { id: id, app: app },
    contentType: "application/json;",
    success: function (data) {
        if (data) {
            h.resultDiv.html(data);
        }
        else {
            h.resultDiv.html("");
            alert("No Log Found");
        }
    }
});