在 MVC 中调用方法而不加载视图

Question

我目前正在尝试从我的视图调用一个方法来更改数据库中的布尔值，由于我不太熟悉 MVC，所以我唯一不知道的是，每当我调用控制器方法时，它都会给我一个空白页。我只想调用该方法但保留在实际视图中。

这是我认为的代码部分。

<td><a href="@Url.Action("PutInBin", "Capture", new { captureId = @Model.Files.Captures.ElementAt(i).Capture_Id })", onclick="DeleteCapture(@(i + 1))">Delete</a></td>

这是我的控制器中的方法

public void PutInBin(int captureId)
    {
        QueryCaptureToBin queryCaptureToBin = new QueryCaptureToBin();
        queryCaptureToBin.Capture_Id = captureId;
        client.PlaceCaptureInBin(queryCaptureToBin, userParams);
    }

Answer 1

您可以使用 AJAX：

<td>
    @Ajax.ActionLink(
        "Delete",
        "PutInBin", 
        "Capture", 
        new { 
            captureId = Model.Files.Captures.ElementAt(i).Capture_Id 
        },
        new AjaxOptions {
            HttpMethod = "POST",
        }  
    )       
</td>

并且不要忘记将 jquery.unobtrusive-ajax.js 脚本包含到您的页面中：

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>

以及您的控制器操作：

[HttpPost]
public ActionResult PutInBin(int captureId)
{
    QueryCaptureToBin queryCaptureToBin = new QueryCaptureToBin();
    queryCaptureToBin.Capture_Id = captureId;
    client.PlaceCaptureInBin(queryCaptureToBin, userParams);
    return new EmptyResult();
}

以及如果您想在删除完成时收到通知：

<td>
    @Ajax.ActionLink(
        "Delete",
        "PutInBin", 
        "Capture", 
        new { 
            captureId = Model.Files.Captures.ElementAt(i).Capture_Id 
        },
        new AjaxOptions {
            HttpMethod = "POST",
            OnSuccess = "onDeleteSuccess"
        }
    )       
</td>

以及那么你将拥有 onDeleteSuccess javascript 函数：

var onDeleteSuccess = function(result) {
    // normally the result variable will contain the response
    // from the server but in this case since we returned an EmptyResult
    // don't expect to find anything useful in it.

    alert('The capture was successfully deleted');
};

Answer 2

来刷新页面。请使用下面的java脚本函数。与上面相同，但删除了“alert”并使用了 window.location.reload(true)。在 html 或 cshtml 视图中使用。向原主人致敬

---

<script>

    var onDeleteSuccess = function(result) {

        // normally the result variable will contain the response
        // from the server but in this case since we returned an EmptyResult
        // don't expect to find anything useful in it.

        window.location.reload(true);

        // alert('The capture was successfully deleted');

    };

 </script>