,可以按照以下步骤进行:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<button class="delete-btn" data-id="{{ $project->id }}">删除</button>
<script>
$(document).ready(function() {
$('.delete-btn').click(function() {
var projectId = $(this).data('id');
// 使用ajax发送DELETE请求
$.ajax({
url: '/projects/' + projectId,
type: 'DELETE',
data: {
_token: '{{ csrf_token() }}',
},
success: function(response) {
// 删除成功后显示SweetAlert2提示框
Swal.fire('删除成功', '', 'success');
},
error: function(xhr, status, error) {
// 删除失败时显示SweetAlert2提示框
Swal.fire('删除失败', '错误信息:' + error, 'error');
}
});
});
});
</script>
use App\Models\Project;
Route::delete('/projects/{id}', function($id) {
// 根据id查找项目
$project = Project::findOrFail($id);
// 执行删除操作
$project->delete();
return response()->json(['message' => '删除成功']);
});
以上就是在Laravel-8中使用ajax请求和甜蜜的alert2删除项目的步骤。
对于Laravel-8的相关知识,可以参考官方文档:Laravel 8 Documentation
对于jQuery的相关知识,可以参考官方文档:jQuery Documentation
对于SweetAlert2的相关知识,可以参考官方文档:SweetAlert2 Documentation
领取专属 10元无门槛券
手把手带您无忧上云