bootstrap-table初始数据，页面一直显示“正在努力加载数据中，请稍后“

最新推荐文章于 2023-05-15 11:26:59 发布

皓月紫光

最新推荐文章于 2023-05-15 11:26:59 发布

阅读量5.2k

点赞数 5

分类专栏： js 文章标签： js javascript

皓月

本文链接：https://blog.csdn.net/qq_39375971/article/details/109582205

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

继上次的《bootStrap-table实战详解与问题总结》

这次的需求比较简单，就是简单的数据展示。这次依然用的boostrap，不过这次没有什么搜索，也没有什么分页信息，所以这个表格初始化也比较简单

下面就是我的js代码

代码的主要意思就是通过ajax调用后台接口，然后将返回的json数据使用bootstrapTable进行初始化

var loadKnowledge = function(classifyTwo){
	$.ajax({
		url : "${ctx}/oa/aipos/loadKnowledge",
        type : "get",
        async : false,
        dataType:"json",
        data : {"classifyTwo": classifyTwo},
        success: function (returnData) {
        var datas = returnData.rows;
        $("#knowledgeRecommend").bootstrapTable('destroy').bootstrapTable({
			data: datas,
            classes: 'table table-bordered table-hover table-striped',
            columns: [{
				field: 'title',
                title: '标题',
                formatter:function (value,item,a) {
                    return "<a href='"+item.url+"' target='_blank'>"+value+"</a>";
                }
                }, {
                    field: 'fjcontent',
                    title: '内容'
                }, {
                    field: 'areaName',
                    title: '发布区域'
                }, {
                    field: 'createTime',
                    title: '创建时间'
                }, {
					field: 'visitCount',
                    title: '浏览量'
				}]
			});
        },
		error: function () {
			alert("错误");
		}
	});
};