[英]my done button somehow went to a blank page and delete won't work unless I refresh -ajax
[英]Ajax perform update and delete page won't auto refresh i'm using laravel 5.5
每當我更新或刪除表格中的項目時,它都不會自動刷新表格,每次執行這兩個功能時,我都需要重新加載頁面[編輯和刪除]
這是我的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();
}
});
});
如果您要在完成此過程后重新加載頁面,可以執行以下操作
$('.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();
}
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.