Ajax 执行更新和删除页面不会自动刷新我正在使用 laravel 5.5

Question

每当我从表中更新或删除项目时，它都不会自动刷新表，每次执行这两个功能[编辑和删除]时，我都需要重新加载页面

这是我的Ajax脚本

$('.modal-footer').on('click', '.edit', function() {
$.ajax({
type: 'post',
url: '/setup/batch/edit',
data: {
'_token': $('input[name=_token]').val(),
'id': $("#fid").val(),
'batch_name': $('#n').val()
},
success: function(data) {
$('.item' + data.id).replaceWith("<tr class='item" + data.id + "'><td>" + data.batch_name + "</td><td><button class='edit-modal btn btn-info' data-id='" + data.id + "' data-name='" + data.batch_name + "'><span class='glyphicon glyphicon-edit'></span> Edit</button> <button class='delete-modal btn btn-danger' data-id='" + data.id + "' data-name='" + data.batch_name + "' ><span class='glyphicon glyphicon-trash'></span> Delete</button></td></tr>");
}
});
});//Delete// $('.modal-footer').on('click', '.delete', function() {
$.ajax({
type: 'post',
url: '/setup/batch/delete',
data: {
'_token': $('input[name=_token]').val(),
'id': $('.did').text()
},
success: function(data) {
$('.item' + $('.did').text()).remove();
}
});
});

Answer 1

如果您想在流程完成后重新加载页面，您可以执行以下

$('.modal-footer').on('click', '.edit', function() {
$.ajax({
type: 'post',
url: '/setup/batch/edit',
data: {
'_token': $('input[name=_token]').val(),
'id': $("#fid").val(),
'batch_name': $('#n').val()
},
success: function(data) {
location.reload();
}
});
});