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

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

原创最新推荐文章于 2023-05-15 11:26:59 发布 · 5.7k 阅读

3 ·

CC 4.0 BY-SA版权

皓月

文章标签：

#js #javascript

js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用Bootstrap Table插件实现简单的数据展示，通过AJAX获取JSON数据并初始化表格，解决加载提示问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

继上次的《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("错误");
		}
	});
};