Javascript 没有页面刷新的ajax提交无法工作

我有一个名为“另存为草稿”的锚标签

预期功能

当我单击此链接时，表单字段中的值应存储到数据库中。但字段不应刷新，应保留值

锚链

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

这里的问题是，当我通过ajax提交表单时，字段会被刷新

---

需要你的建议

添加

返回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;
}

将
href=“javascript:void（0）；”
添加到锚定标记。这可能有助于刷新页面，因为表单正在自动提交？
event.preventDefault（）
？在
draft（）
方法中，您可以发布整个表单元素的html标记，以及您的服务器端脚本吗？嘿，Sandeep。。真管用。。！！谢谢……对不起，我觉得这样不行？您在
success
函数中添加了
return false
，而不是在
draft
函数中。
a
元素
onclick
属性需要接收
false
，因此我认为
draft
需要返回
false
？或者执行
onclick=“draft（）；return false；”
No。它仍会刷新内容我不想刷新页面。。我想在通过ajax提交表单后保留它。这是不允许刷新页面的。这会使页面稳定而不刷新页面
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;
}