layui使用ajax請求

 

用法如下：

<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:"傳",
                      data:{'id':id},
                      type:"Post",
                      dataType:"json",
                      success:function(data){
                        console.log(data);
                          layer.msg(data.msg);
                          location.reload(); //刪除成功后再刷新
                      },
                      error:function(data){
                          $.messager.alert('錯誤',data.msg);
                      }
                  });
                  layer.close(index);
              }
          });
        });
    };
  </script>

 

效果圖所示：