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

ajax submission without page refresh not working

本文关键字：提交 工作 Ajax 刷新      更新时间：2023-09-26

我有一个名为"save as draft"的锚标记。

期望功能

当我点击这个链接的值在我的表单字段应该被存储到数据库中。但是字段不应该刷新，应该保留值。

锚的链接 

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

My Script

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提交表单的字段得到刷新

需要你的建议

添加href="javascript:void(0);"到锚标记。这可以帮助您刷新您的页面

添加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;
}
相关文章：