treetable怎么带参数_treeTable的使用(ajax异步获取数据,动态渲染treeTable)
时间: 2023-10-09 17:13:41 浏览: 105
jquery 异步treeTable树形插件
可以通过在treeTable的options中设置ajax参数来实现异步获取数据并进行动态渲染。具体步骤如下:
1. 在treeTable的options中设置ajax参数,如下所示:
```javascript
$('#treeTable').treeTable({
ajax: {
url: 'data.php',
data: {param1: 'value1', param2: 'value2'},
type: 'POST',
dataType: 'json',
contentType: 'application/json',
beforeSend: function(request) {
request.setRequestHeader('Authorization', 'Token xxx');
},
success: function(data) {
// 解析返回的数据并动态渲染treeTable
},
error: function(xhr, status, error) {
console.log(error);
}
},
// 其他选项
});
```
2. 在服务器端根据传入的参数param1和param2查询相应的数据,并返回符合treeTable渲染规则的json数据,如下所示:
```php
<?php
// data.php
// 根据传入的参数查询数据
$data = query_data($_POST['param1'], $_POST['param2']);
// 构造符合treeTable渲染规则的json数据
$json_data = construct_json_data($data);
// 返回json数据
echo json_encode($json_data);
?>
```
3. 在ajax的success回调函数中解析返回的数据并动态渲染treeTable,如下所示:
```javascript
success: function(data) {
// 解析返回的数据并动态渲染treeTable
$('#treeTable').treeTable('loadData', data);
}
```
其中,loadData方法用于动态渲染treeTable,data为服务器返回的json数据。
阅读全文