2020-12-07

最新推荐文章于 2020-12-07 21:58:29 发布

m0_53322678

最新推荐文章于 2020-12-07 21:58:29 发布

阅读量46

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/m0_53322678/article/details/110790810

版权

笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

dynatable与ajax$


```mermaid

```mermaid

```mermaid
x+y=z


$<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>test</title>
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
<script src="./jquery.dynatable.js"></script>
<link rel="stylesheet" href="./jquery.dynatable.css" />
</head>
<body>
<div>hello world</div>
<table id="table">
<thead>
<th data-dynatable-column="id">序号</th>
<th data-dynatable-column="nickname">昵称</th>
<th data-dynatable-column="avast">头像</th>
</thead>
<tbody></tbody>
</table>
<script>
$(() => {
$("#table").dynatable({
// 响应最好是这个结构，key名可以改，结构不要改
// {
//   // 数据//   "data": [{"admin": "","avast":"36785266.jpg","ban": 2,"group":"4","id": "hhvagrhhxd","nickname":"shadow"}],
//   // 总数
//   "total": 12
// }
params: {
// dynatable: 'dynatable',
// 搜索
queries: "queries",
// 参数排序传在哪里
// sorts: 'sorts',
page: "page",
perPage: "pageSize",
// offset: 'offset',
// 在响应里边的什么地方取数组records: "data",
// 如果数据就是整个响应
// records: '_root',
// 取总数
queryRecordCount: "total",
// record: null,
// totalRecordCount: 'totalRecordCount'
// ajaxOnLoad: true,
},
dataset: {
records: [],
ajax: true,
ajaxUrl: "/vcbs_member_api/user/list",
ajaxMethod: "GET",
ajaxDataType: "json",perPageDefault: 10,
perPageOptions: [1, 10, 20, 50, 100],
// queries: true,
// 附加参数
ajaxData: { time: 00 },
},
});
});
</script>
</body>
</html>

m0_53322678

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2020-12-07

$```mermaid```mermaid```mermaidx+y=z$<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>test</title><scr
复制链接

扫一扫