沒有頁面刷新的Ajax提交不起作用

Question

我有一個名為“另存為草稿”的錨標簽。

預期功能

當我單擊此鏈接時，表單字段中的值應存儲到數據庫中。 但是，不應刷新字段，而應保留這些值。

錨鏈接

<a class="btndisable" href="#" id="saveasdraft" onclick="draft();">SAVE
                                                AS DRAFT</a>  

我的劇本

function draft() {

    document.getElementById("status").value = "DRAFT";
    $("#addaccount").serialize();
    $.ajax({

        type : "POST",
        url : './requestDetails',
        data : $("#addaccount").serialize(),
        success : function() {
            console.log("inside draft ajax method....");
            $('#dbmsg').show();
            console.log("inside draft ajax method 2....");
            $("#addscenario").addClass('btn');
        }
    });  

這里的問題是當我通過ajax提交表單時，字段會刷新

需要你的建議

Answer 1

添加href="javascript:void(0);" 到錨標記。這可能有助於您刷新頁面

Answer 2

添加return false; 到你的代碼

function draft(e) {
e.preventDefault();
document.getElementById("status").value = "DRAFT";
$("#addaccount").serialize();
$.ajax({
    type: "POST",
    url: './requestDetails',
    data: $("#addaccount").serialize(),
    success: function () {
        console.log("inside draft ajax method....");
        $('#dbmsg').show();
        console.log("inside draft ajax method 2....");
        $("#addscenario").addClass('btn');
    }
});

return false;
}