ajax无刷新删除

IFYOU..

于 2022-02-23 20:57:38 发布

阅读量341

点赞数

文章标签： ajax 前端 javascript

本文链接：https://blog.youkuaiyun.com/m0_62229785/article/details/123099142

版权

该博客内容涉及一个简单的后台数据删除功能的实现。在控制器中定义了删除方法，通过BrandModel类调用`del`方法删除指定ID的数据。前端使用jQuery的Ajax进行异步请求，发送GET请求到`delete`接口，根据返回的JSON数据更新用户界面，成功则提示并跳转到列表页，失败则显示错误信息。

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

模型层

//删除
public function del($id)
{
   return self::destroy($id);
}

控制器

public function delete($id)
{
    $brand=new BrandModel();
    $res=$brand->del($id);
    if ($res){
        return ['code'=>200,'msg'=>'删除成功','data'=>''];
    }
    return ['code'=>400,'msg'=>'删除失败','data'=>''];
}

页面

<script>
    $('.btn').click(function (){
      var id=$(this).attr('ids');
      $.ajax({
          url:'delete',
          type:'get',
          data:{
              id:id,
          },
          dataType:'json',
          success:function (res) {
              if (res.code==200){
                  alert(res.msg);
                  location.href='list.html';
              }else {
                  alert(res.msg);
              }
          }
      })
    })
</script>