tp5中ajax的使用

本内容是在layui中使用

 

html

<button class="layui-btn layui-btn-sm layui-bg-orange" onclick="dele({$vo.id});">删除</button>

 

js

<script>
      function dele(id){
        layui.use('layer',function(){
            var layer = layui.layer;
              layer.msg('你确定删除么？', {
              time: 2000 ,//2秒自动关闭
              btn: ['确定', '取消'],
              yes: function(index){
                 console.log(id);
                  $.ajax({
                      url:"{:url('index/Product/delete')}",
                      data:{'id':id},
                      type:"post",
                      dataType:"json",
                      success:function(data){
                        console.log(data);
                        location.reload(); //删除成功后再刷新
                      },
                      error:function(data){
                         alert('错误');
                      }
                  });
                  layer.close(index);
              }
          });
        });
    };
  </script>

控制器

<?php
namespace app\index\controller;
use think\Controller;
use think\Request;
class Product extends Controller {
    //删除数据
    public function delete($id){
        $data = db('product')->delete($id);
        return json($id);
    }
}