C# & ASP.NET MVC：使用 ajax 调用来调用视图答案

【问题标题】：C# & ASP.NET MVC : call a view with ajax callC# & ASP.NET MVC：使用 ajax 调用来调用视图
【发布时间】：2021-01-21 15:59:34
【问题描述】：

我想在当前视图上使用 ajax 调用来调用视图。以下是我的 Ajax 调用，它调用了我的控制器的一个函数。

$.ajax({
        type: 'POST',
        url: '@Url.Action("EditCertificateObservation", "Frühwarnsystem")',
        data: {
            serverName: '@Model[0].ServerName',
            name: event.data.name,
            thumbprint: event.data.thumbprint,

            expiringDateStr: event.data.expiringDate,
            isChecked: document.getElementById(store + event.data.index).checked,
            model: data,
        },
    });

这段代码是我的控制器函数，它返回要加载的视图。

[HttpPost]
public ActionResult EditCertificateObservation(string serverName, string name, string thumbprint, string expiringDateStr, bool isChecked, string model)
{
    var newModel = JsonConvert.DeserializeObject<List<Store>>(model);

    var cert = new Certificate(serverName, name, thumbprint, expiringDateStr);
    var server = new Server(serverName);
    server.FetchIdByServerName();

    if (isChecked)
    {
        cert.AddToObservation(server.Id);
    }
    else
    {
        cert.DeleteFromObservation();
    }

    return View("Index");
}

为您了解：我在视图上使用复选框调用 ajax 调用，该复选框是动态生成的。如果我调试控制器函数被调用并运行，但浏览器没有加载我返回的视图。

如果您需要更多信息，请在此处询问。

感谢您的帮助

【问题讨论】：

您想用 Ajax 打开的视图的名称是什么？索引？
我在代码 sn-p 中打开的索引视图只是为了测试，实际上稍后会打开另一个视图，但首先我想在不需要任何模型的索引视图中运行它

标签： c# ajax asp.net-mvc

【解决方案1】：

如果您想在 Ajax 请求之后打开视图而不是只需要等待控制器的响应，那么您可以使用 success，但您也可以使用 failure 或 error 取决于您的需要，所以你的 Ajax 将是这样的：

$.ajax({
    type: 'POST',
    url: '@Url.Action("EditCertificateObservation", "Frühwarnsystem")',
    data: {
        serverName: '@Model[0].ServerName',
        name: event.data.name,
        thumbprint: event.data.thumbprint,

        expiringDateStr: event.data.expiringDate,
        isChecked: document.getElementById(store + event.data.index).checked,
        model: data,
    },
        success: function (response) { 
        alert(response.message); 
        window.location.href = "/Frühwarnsystem/Index";

        // or with some parameter
        window.location.href ="/Frühwarnsystem/Index?id=" + response.counter;

        // or if you prefer with helper ...
        window.location.href = '@Url.Action("Frühwarnsystem","Index")';
        
        },
        failure: function (response) { alert("failure"); },
        error: function (response) { alert("error"); }
});

为了更有用一点，您的控制器可以发送带有一些参数的 Json 响应，例如，如下所示：

[HttpPost]
public JsonResult EditCertificateObservation(string serverName, string name, string thumbprint, string expiringDateStr, bool isChecked, string model)
{
    var newModel = JsonConvert.DeserializeObject<List<Store>>(model);

    var cert = new Certificate(serverName, name, thumbprint, expiringDateStr);
    var server = new Server(serverName);
    server.FetchIdByServerName();

    if (isChecked)
    {
        cert.AddToObservation(server.Id);
    }
    else
    {
        cert.DeleteFromObservation();
    }
    // Do some condition here to send an answer ...
    string message = "";
    int counter = 0;
    var response = new { counter, message };
    return Json(response);
}

【讨论】：

【解决方案2】：

您正在调用 ajax POST HTTP 请求。这意味着您可以下载调用结果并将其分配给 javascript 变量。此结果不会作为页面显示在浏览器中。看看$.posthere的例子。

【讨论】：