怎么调用bootstrap的json数据

怎么调用bootstrap的json数据,第1张

,它是把数据一次性加载出来放到界面上,然后根据你设置的每页记录数,自动生成分页。当点击第二页时,会自动加载出数据,不会再向服务器发送请求。同时用户可以使用其自带的搜索功能,可以实现全数据搜索。

1、可以先ajax请求,得到返回结果后渲染table。

2、使用第三方组件就要按照对方的格式返回数据,否则就在js里自己组装成需要的格式。

JSON

JSON(JavaScript Object Notation)是一种轻量级的数据交换语言,以文字为基础,且易于让人阅读,同时也方便了机器进行解析和生成。JSON简单说就是javascript中的对象和数组,所以这两种结构就是对象和数组两种结构,通过这两种结构可以表示各种复杂的结构,其可以将JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从Web客户机传递给服务器端程序。JSON采用完全独立于程序语言的文本格式,但是也使用了类C语言的习惯(包括C、C++、C#、Java、JavaScript、Perl、Python等)。这些特性使JSON成为理想的数据交换语言。

可以先ajax请求,得到返回结果后渲染table

$.get(url, function (result) {

        if (result.code=='0000') {

            var data = {total:result.data.totalCount,rows:result.data.dataList}

            $table.bootstrapTable({

                data:data,

                dataType: "json",

                // data:json.data.dataList,

                cache: false, // 不缓存

                // height: getHeight(), // 设置高度,会启用固定表头的特性

                striped: true, // 隔行加亮

                    ...

            })

        }

    }, "json")

使用第三方组件就要按照对方的格式返回数据,否则就在js里自己组装成需要的格式。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/9896167.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-03
下一篇 2023-05-03

发表评论

登录后才能评论

评论列表(0条)

保存