div.load（）導致整頁回發

Question

保存表單數據后，不僅需要加載div而不是整個頁面刷新，而且它首先要進入Main Page Action Controller，然后是DIV Load Partial Action Controller。 我無法找到發布整個頁面的原因。

我也添加了preventDefault()命令。

$("#btnSave").click(function (e) {
    e.preventDefault();

    var url = "@Url.Action("Save", "Note")";
    var id = "1";
    var model = {
      modelfields.....
    };

    $.ajax({
        type: "POST",
        data: JSON.stringify(model),
        url: url,
        contentType: "application/json",
        success: function (data) {
            if (data == "True") {

              // Load div
                var settings = { editUrl: '@Url.Action("Get", "Note", new { ID = "-1" })' };
                 settings.editUrl = settings.editUrl.replace("-1", id);
                $("#divNoteDetails").load(settings.editUrl);
            }
            else if (data == "False") {
                alert('not saved');
            }
        },
        error: function () {
            alert('error');
        }
    });
    return false; 
});

Answer 1

如果您的按鈕在表單內，則其默認type為submit 。 有關詳細信息，請參見規格

嘗試在按鈕上添加type="button" ，或在附加到表單本身的事件處理程序上添加event.preventDefault() 。