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

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();
    }
});
});