没有页面刷新的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;
}