confirm()弹框来完成删除：删除的确认删除和取消删除

最新推荐文章于 2022-09-24 20:39:26 发布

原创最新推荐文章于 2022-09-24 20:39:26 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

这篇博客讲述了如何通过JavaScript的jQuery库实现Ajax删除功能。当用户点击带有'del'类的链接时，会触发一个确认对话框。如果用户确认删除，将发送一个DELETE请求到指定的API端点，根据返回的响应移除相应的表格行，并显示删除成功的提示。反之，如果用户取消操作，则弹出已取消删除的提示。这个示例展示了前端与后端交互的基本原理，以及如何处理用户交互事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<a href="#" Class="del" data-id=' + data[i].Sid +'> 删除</a>//删除的页面

ajax相关代码

$(function (){
$(".del").click(function () {
                        var that = this;//声明变量存储当前元素
                        var id = $(this).attr("data-id")//获取当前元素自定义属性的值---url的id
                        var bool = confirm("你确定删除？")//ture/fasle
                        if (bool) {//true执行ajax
                            $.ajax({
                                url: 'http://localhost:51767/api/Student?id=' + id,
                                type: 'delete',
                                success: function (data) {
                                    if (data == "成功") {
                                        $(that).parents('tr').remove();//删除=》 location.reload()刷新页面;
                                        alert("Ok")
                                    }
                                }
                            })
                        }
                        else {
                            alert("已取消删除");
                        }
                    })
   })