pagination.js分页查询如何显示总数据 条，每页显示 条

Question

想要展示总数据条数 每页显示条数

 <div class="eg">
                            <div class="m-style M-box1"></div>
                            <p class="tips">
                                总数据
                                <span class="count">{{totalData}}</span>条，每页显示
                                <span class="count">{{showData}}</span>条，总页数为
                                <span class="count">20</span>页
                            </p>
                        </div>

<script>
    $(function () {
        $('pre code').each(function (i, block) {
            hljs.highlightBlock(block);
        });
      
    });

    var json = [];
    $.ajax({
        //几个参数需要注意一下
        type: "GET", //方法类型
        dataType: "json", //预期服务器返回的数据类型
        url: "index.json", //url
        data: $('#form1').serialize(),
        success: function (result) {
            console.log(result);
            json = result;
            $('pre code').each(function (i, block) {
                hljs.highlightBlock(block);
            });
            $('.M-box1').pagination({
                totalData: result.totalData,
                showData: result.showData,
                coping: true
            });
        }
    })
</script>

不知道配置应该怎么写 用的是JQ

Answer 1

楼主，首先要理解 {{}}是模板语法，必须有相关的模板库来支持的，比如 vue或 handlebarjs 或 artTemplate 等等。如果你项目里没有引用，就不能使用，只能用基于jquery的写法去做了。

html 部分

 <div class="eg">
                            <div class="m-style M-box1"></div>
                            <p class="tips">
                                总数据
+                                <span class="count total-data"></span>条，每页显示
+                                <span class="count show-data"></span>条，总页数为
                                <span class="count">20</span>页
                            </p>
                        </div>

js 部分

...
 $.ajax({
        //几个参数需要注意一下
        type: "GET", //方法类型
        dataType: "json", //预期服务器返回的数据类型
        url: "index.json", //url
        data: $('#form1').serialize(),
        success: function (result) {
            console.log(result);
            json = result;
            $('pre code').each(function (i, block) {
                hljs.highlightBlock(block);
            });
            $('.M-box1').pagination({
                totalData: result.totalData,
                showData: result.showData,
                coping: true
            });
+            $('.total-data').html(result.totalData);
+            $('.show-data').html(result.showData);
        }
    })

---

如有帮助，麻烦点击下采纳，谢谢~