通过AJAX获取ashx后台JSON数据并使用bootstrap-Table控件

最新推荐文章于 2024-08-17 01:00:00 发布

ノ”夏末、

最新推荐文章于 2024-08-17 01:00:00 发布

阅读量1.3w

点赞数 8

分类专栏： Web 文章标签： Web ajax bootstrap-Table javascript

本文链接：https://blog.csdn.net/qq_34905123/article/details/53609004

版权

本文介绍了如何在项目中利用bootstrap-Table控件结合AJAX从ashx后台获取并展示JSON数据。通过实例展示了JS代码，包括设置AJAX请求、解析JSON数据并填充到bootstrap-Table中，以及如何添加操作列包含编辑和删除功能。

摘要由CSDN通过智能技术生成

最近项目的表格使用了bootstrap-Table控件，研究了一下直接上代码：

JS代码（这个只是客户端获取数据并不是服务端）：

function initTable() {
    jQuery.ajax({
        url: "ashx/GuideManagement.ashx", 
        type: "post",
        dataType: "json",
        data: { Action: "GuideManagementCheck", AjaxFllage: true },
        success: function (value) {
            var obj = [];   
            for (var i = 0; i < value.length; i++) {
                obj.push(value[i]); //由于传回的JSON数据是被封装成了一个Object类型的数据传回，所以这里需要用一个数组类型接收

            }
            $table = $('#tb_departments').bootstrapTable({
                data: obj,   //最终的JSON数据放在这里

                height: $(window).height()