layui table post 请求 js
时间: 2023-06-28 09:13:11 浏览: 74
以下是使用 layui table 发送 POST 请求的示例代码:
```javascript
// 渲染表格
var table = layui.table;
table.render({
elem: '#demo',
url: '/api/table/list',
method: 'post', // 使用 POST 请求
cols: [[
{field: 'id', title: 'ID', width: 80},
{field: 'username', title: '用户名', width: 120},
{field: 'email', title: '邮箱'},
{field: 'sex', title: '性别', width: 80, sort: true},
{field: 'city', title: '城市'},
{field: 'sign', title: '签名'},
{field: 'experience', title: '积分', width: 80, sort: true},
{field: 'score', title: '评分', width: 80, sort: true},
{field: 'classify', title: '职业', width: 100},
{field: 'wealth', title: '财富', width: 135, sort: true},
{title: '操作', width: 150, align: 'center', toolbar: '#barDemo'}
]],
page: true,
limit: 10,
height: 'full-220'
});
// 监听工具条
table.on('tool(test)', function(obj){
var data = obj.data;
if(obj.event === 'del'){
layer.confirm('真的删除行么', function(index){
$.ajax({
url: '/api/table/delete',
type: 'POST', // 使用 POST 请求
data: {id: data.id},
success: function(res){
if (res.code === 0) {
obj.del();
layer.close(index);
layer.msg('删除成功');
} else {
layer.msg(res.msg);
}
},
error: function(xhr, errorType, error){
layer.alert('删除失败,请稍后重试', {icon: 2});
}
});
});
}
});
```
其中,`method: 'post'` 表示使用 POST 请求方式,`data: {id: data.id}` 表示发送的数据为一个对象,其中包含有 `id` 属性,值为 `data.id`。你需要将 `url` 和 `data` 修改为你实际使用时的接口地址和发送的数据。