doT.js调用接口数据

本是古典何须时尚 2021-09-12 08:40 494阅读 0赞

上代码

代码demo   http://www.cnblogs.com/kuikui/p/3505768.html

<div id="evaluation"></div>
    
    
    
    <script type="template" id="dotTmpl">
        <table class="am-table am-table-bordered am-table-striped am-text-nowrap">
            <thead>
            <tr>
                <th class="table-check">序号</th>
                <th class="table-type">用户账号</th>
                <th class="table-author am-hide-sm-only">姓名</th>
                <th class="table-date am-hide-sm-only">角色</th>
                <th class="table-date am-hide-sm-only">手机号</th>
                <th class="table-set">当前状态</th>
                <th class="table-set">操作</th>
            </tr>
            </thead>
            <tbody>
            <thead class="admin_back_th">
    
            </thead>
            {
      { for(var i=0;i<it.length;i++){ }}
    
                <tbody id="">
                    <tr>
                        <td>{
      {=i}}</td>
                        <td οnclick="demo1('{ {=it[i].manageid}}')">{
      {=it[i].loginAcct}}</td>//添加事件
                        <td>{
      {=it[i].roleName}}</td>
                        <td>{
      {=it[i].roleName}}</td>
                        <td>{
      {=it[i].loginAcct}}</td>
                        <td>{
      {=it[i].roleName}}</td>
                        <td>{
      {=it[i].roleName}}</td>
                    </tr>
                </tbody>
            {
      { }    }}
            </tbody>
        </table>
        <div id="page112"></div>
    </script>

<script>
        function demo1(id) {
            alert(id);
        }
        function demo(curr) {
            var nicName=$("#search").val();//用户姓名 $.ajax({
                type:"GET",
                url:"/mgr/api/v1/manage/user/sysUserList",
                //url:'assets/json/tsconfig.json', dataType:"json",
                contentType:"application/json",
                data:{
                    "page":'usersSystem',
                    "nicName":nicName,
                    "pageCount":curr || 1,
                    "pageSize":'3' },
                success:function (data) {
                    $("#main").empty();
                    if(data.code=="OK"){
                        console.log(data.body.totalSum);
                        var i=0;
                        var pathml="";
                        if(data.body.results.length<1){
                            $(".nohave").show();
                        }else {
                            $(".nohave").hide();
                            var data1=data.body.results;
                            // 通过dot.template调用你所写的dot.JS。 var tmpl = doT.template($("#dotTmpl")[0].text);
                            // 将数据扔进templ中。并在DIV中显示出来 $("#evaluation").html(tmpl(data1));
    
                            //显示分页 laypage({
                                cont : 'page112', //容器。值支持id名、原生dom对象，jquery对象。【如该容器为】：<div id="page1"></div> pages : data.body.totalSum, //通过后台拿到的总页数 curr : curr || 1, //当前页 skip: true,
                                first:false,
                                last:false,
                                jump : function(obj, first) { //触发分页后的回调 if (!first) { //点击跳页触发函数自身，并传递当前页：obj.curr demo(obj.curr);
                                    }
                                    $("#page112").append("<div class='page'>共:"+ data.body.totalSum +"页</div>");
                                }
                            });
                        }
                    }else if(data.message=="relogin"){
                        login();
                        setTimeout(function () {
                            window.location.href="login.html";
                        },100);
                    }else{
                        var txt=data.message;
                        window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.info);
                        return false;
                    }
    
    
                },
                error:function (error) {
                    var txt="获取数据失败请稍后再试！";
                    window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.info);
                    return false;
                }
            })
        };
        //运行 demo();
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，494人围观）

还没有评论，来说两句吧...

相关阅读

相关天行数据土味情话API接口调用接口

天行数据土味情话API接口调用 1. 注册天行数据账号 2. 申请"土味情话"接口 3. 下载微信开发工具 4. 创建一个空项目 5. 将下面的key填到是链接

Myth丶恋晨/ 2024年03月31日 16:59/ 0 赞/ 71 阅读

相关 crome 接口调用

[https://gitee.com/CrapApi/ApiDebug][https_gitee.com_CrapApi_ApiDebug] [https_gitee.co

柔情只为你懂/ 2023年05月21日 07:28/ 0 赞/ 288 阅读

相关 php xml 接口调用,PHP通过接口形式传输xml数据

这里的接口通过传递参数请求数据：请求形式： xxx.php?data=20140101&page=1 参数说明：data表示请求数据的日期 page表示请求的页数 h

ゝ一世哀愁。/ 2022年11月12日 09:56/ 0 赞/ 331 阅读

相关小程序模拟调用本地json接口数据

把准备好的json数据渲染到前端界面，模拟在这里加载本地json数据。效果如下，能看到界面渲染的数据。 ![图片.png][.png] 1：新建一个data文件夹，在文件夹

古城微笑少年丶/ 2022年10月11日 01:00/ 0 赞/ 251 阅读

相关远程接口调用

调用第三方接口简单测试 import java.io.; import java.net.URL; import java.net.URLConn

落日映苍穹つ/ 2022年09月04日 03:44/ 0 赞/ 285 阅读

相关 JSP页面调用接口发送JSON格式数据

问题描述： 1. 想在JSP页面测试调用后台接口，这个接口调用后需要进行页面跳转，所有无法使用Postman等工具 2. 接口接收的是JSON数据格式在摸索了

╰半橙微兮°/ 2022年06月08日 15:00/ 0 赞/ 422 阅读

相关调用接口Timeout

最近正在对一个旧的项目进行改造。遇到一个问题：调试原有的一个接口时，发现，在本机上，调用接口成功。但是，放到测试环境上之后，调用同一个接口就timeout了。怀疑是测试环境

柔情只为你懂/ 2022年05月28日 00:30/ 0 赞/ 334 阅读

相关 java调用接口

/\\ \ 调用接口 /mainlevelapp/wbs/save \ 参数 String name,String fid,String level,String

冷不防/ 2022年04月18日 03:36/ 0 赞/ 327 阅读

相关 laravel调用接口展示数据

调用接口来展示数据先要看着对应的接口文档跟着接口文档来写找到对应的域名以及接口名称例子如下 ![watermark_type_ZmFuZ3poZW5naG

迷南。/ 2022年04月17日 05:46/ 0 赞/ 436 阅读

相关 doT.js调用接口数据

上代码代码demo http://www.cnblogs.com/kuikui/p/3505768.html <div id="evaluation

本是古典何须时尚/ 2021年09月12日 08:40/ 0 赞/ 495 阅读