💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、豆包、星火、月之暗面及文生图、文生视频 广告
# 5、删除用户功能 (页面jq渲染 触发事件 委托 父盒子 重点) # 删除用户 (页面jq渲染 触发事件 委托 父盒子 重点) 1.为**删除按钮添加点击事件** 2.**确认**用户**是否要进行删除操作** 3.**获取**到当前被**点击用户的id** 4\*\*.调用删除用户接口**根据**id删除用户\*\*,如果**删除成功**,**刷新当前页面**,让页面显示最新的内容 删除用户接口 ![](https://img.kancloud.cn/75/f3/75f3714c77fcf4154ce84ff7775b01be_973x759.png) html 添加自定义属性 让触发事件能获取当前的id ![](https://img.kancloud.cn/ca/18/ca1899da6fe9fda05653c93d54cb3c73_1050x251.png) js 文件里 ~~~ //当删除按钮被点击的时候 $( '#userBox' ).on('click', ' .delete', function () { //如果管理员确认要删除用户 if (confirm( '您真的要删除用户吗')) { //获取到即将要删除的用户id var id = $(this) .attr( ' data-id'); //向服务器端端发送请求删除用户 $.ajax({ type: 'delete', url:' /users/'+ id, success: function () { location. reload( )| } }) }); ~~~