как очистить ajax ответ перед созданием модального открытия

Question

Это модальный код формы ...

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Add Ajax</button>

Здесь я могу добавить / отредактировать свою форму. Но проблема в том, что когда я нажимаю Добавить Ajax, чтобы создать новую форму, после нажатия кнопки редактирования она содержит последние измененные модальные данные. Я не могу сбросить данные ... модал пуст только после обновления страницы sh

script script

$(".edit-ajax").click(function() {
let id =$(this).data('id');
$("#myModal").find('[name="id"]').val(id);

$.ajax({
url: frontend_form_object.ajaxurl,
type:'POST',
async:false, // Code paused. (Other code waiting for this to finish.)
data: {
  action: 'edit_ajax_test',
  id : id,
},
})
.done(function(response) {
console.log(response.success);

$("[name=first_name]").val(response.data.edit_ajax.caller_name);
$("[name=last_name]").val(response.data.edit_ajax.caller_state);
//toastr.success('Successfully saved', 'Success', {timeOut: 5000});

 $('#myModal').modal('hide'); 

})
});

Answer 1

Попробуйте это:

$(".edit-ajax").click(function() {
   $("#myModal").find("#yourformId")[0].reset();
   //rest of your code

}