提供参数时不会触发 jQuery 加载回调？

Question

当我将参数发布到服务器时，jQuery的加载的回调函数没有执行。

这会导致服务器错误，但回调函数会执行：

chassisLookupDialog.load('../Workflow/FindChassisDialog/', function (response, status, xhr) {

    console.log("Response", response, status, xhr);

    chassisLookupDialog.open();
});

这行得通，参数到达服务器并且没有抛出错误，但回调函数永远不会执行：

chassisLookupDialog.load('../Workflow/FindChassisDialog/', {
        dataCenterID: dataCenterID,
        bladeTemplateID: bladeTemplateID,
        selectedChassisID: selectedChassisID,
        selectedSlotNumber: selectedSlotNumber
    }, function (response, status, xhr) {

    console.log("Response", response, status, xhr);

    chassisLookupDialog.open();
});

这是我的控制器：

public ActionResult FindChassisDialog(int dataCenterID, int bladeTemplateID, int selectedChassisID, int selectedSlotNumber)
{
    FindChassisDialogModel findChassisDialogModel = new FindChassisDialogModel();

    return View("FindChassisDialog", findChassisDialogModel);
}

如果我检查服务器的响应，我会发现所有 HTML 格式正确。不知道为什么我的回调不会执行...有什么想法吗？

这会以视图的 html 作为错误数据调用错误事件：

$.ajax({
    type: 'POST',
    dataType: 'json',
    url: '../Workflow/FindChassisDialog/',
    data: {
        dataCenterID: dataCenterID,
        bladeTemplateID: bladeTemplateID,
        selectedChassisID: selectedChassisID,
        selectedSlotNumber: selectedSlotNumber
    },
    success: function (data) {
        console.log("Success:", data);
    },
    error: function (error) {
        console.error("Error:", error);
    }
});

Answer 1

在您的 $.ajax 请求中删除以下行：

dataType: 'json',

我的意思是，你告诉 jQuery 这个 AJAX 请求将返回 JSON，但你正在从控制器操作返回 HTML (return View(...))。因此，当 jQuery 尝试将其解析为 JSON 时，它显然会崩溃，并且您的 success 回调将永远不会被执行。

所以：

$.ajax({
    type: 'POST',
    url: '../Workflow/FindChassisDialog/',
    data: {
        dataCenterID: dataCenterID,
        bladeTemplateID: bladeTemplateID,
        selectedChassisID: selectedChassisID,
        selectedSlotNumber: selectedSlotNumber
    },
    success: function (data) {
        console.log("Success:", data);
    },
    error: function (error) {
        console.error("Error:", error);
    }
});

顺便说一句，硬编码这样的网址是完全错误的：

url: '../Workflow/FindChassisDialog/',

在处理 url 时，您应该始终在 ASP.NET MVC 应用程序中使用 url 助手。

还有一件事：为什么要从通过 AJAX 调用的控制器操作返回整个视图（而不是部分视图）？