MVC中的Ajax刷新頁面

Question

我正在使用 Ajax 將一些數據傳遞給控制器​​並保存到數據庫，它可以工作，問題是每次 POST 都刷新頁面，我需要防止這種情況發生。

阿賈克斯：

function AddComment(commet, auto) {
    $.ajax({
        type: "POST",
        url: '/bff/SaveComment',
        data: { id: idParte, commenta: commet, autoriza: auto },
        dataType: 'json',
        success: function (correct) {
            $("#win1").show().kendoWindow({
                width: "300px",
                height: "100px",
                modal: true,
                title: "Added"
            });
        },
        errror: function(inc) {
        }
    });
}

控制器：

[HttpPost]
public JsonResult SaveComment(int id, string commenta, string autoriza)
{
    // Some logic here
    return Json("");
}

用正確的方式嘗試過這種方式。preventDefault(); 但沒有用

有沒有辦法做到這一點？

編輯：

這是我的 HTML：

<form role="form">
<div class="form-group">
    @Html.Label("Commentario:")
    <textarea id="Comment" style="resize:none;" class="form-control"></textarea>
</div>
<div class="form-group">
    <input type="submit" value="Guardar" onclick="AddComment(Comment.value,'Comentario')" />
</div>
</form>

編輯 2：

通過更改 type="submit" for type="button"感謝Hasta Pasta

Answer 1

我認為你應該把 return false; 在ajax請求之后

function AddComment(commet, auto) {
    $.ajax({
        type: "POST",
        url: '/bff/SaveComment',
        data: { id: idParte, commenta: commet, autoriza: auto },
        dataType: 'json',
        success: function (correct) {
            $("#win1").show().kendoWindow({
                width: "300px",
                height: "100px",
                modal: true,
                title: "Added"
            });
        },
        error: function(inc) {
        }
    });
    return false;
}

基於你需要像你說的那樣返回 false :)

<form role="form">
<div class="form-group">
    @Html.Label("Commentario:")
    <textarea id="Comment" style="resize:none;" class="form-control"></textarea>
</div>
<div class="form-group">
    <input type="submit" value="Guardar" onclick="return AddComment(Comment.value,'Comentario')" />
</div>
</form>