ajax响应后如何在jquery中刷新表单[重复]

Posted 2023-02-22

【中文标题】ajax响应后如何在jquery中刷新表单[重复]

【英文标题】：how to refresh the form in jquery after ajax response [duplicate]

【发布时间】：2020-05-02 21:33:59

【问题描述】：

如果我使用ajax发布到控制器，如何删除表单中字段的所有内容

    <form id="addform">

     $("#btnadd").on("click",function()
    $(this).attr('disabled','disabled');
        var tampung = $("#addform").serialize();
        $.ajax(
               type: "POST",
               url: "route('add-form')",
               data: tampung,
               dataType: "json",
               success: function(response) 
                if(response.validator == 'error')
                    $("#btnadd").removeAttr('disabled');
                
                if(response.status)
                    createAlert(response.status, "success");
                    $(".close").trigger('click');
                    $("#btnadd").removeAttr('disabled');
//there i need refresh form
                    VendorClient.ajax.reload(null, false);
                
        );
   );

【问题讨论】：

这能回答你的问题吗？ How to reset a form using jQuery with .reset() method

【参考方案1】：

使用 jQuery 可以触发reset。

$('#addform').trigger("reset");

重置表单的另一种方法：

$("#addform")[0].reset();

【参考方案2】：

您可以使用document.getElementById("addform").reset(); 重置表单