bootgrid 自定义加载数据答案

【问题标题】：bootgrid custom loading of databootgrid 自定义加载数据
【发布时间】：2017-06-08 04:12:40
【问题描述】：

现在我正在尝试为大学生成一个基于主题的引导网格表。现在它可以很好地显示所有数据。但我想要的是一个高级搜索，其中基于分支和学期选择主题。我获得了分支和学期选项和 syfetch.php 函数内部我执行高级搜索。这里是发送函数

$('#semester').change(function(){

            var branch=$("#branch").val();
            var semester=$("#semester").val();

            var formData = new FormData();
            formData.append('branch', branch);
            formData.append('semester', semester);

            var productTable = $('#product_data').bootgrid({

            url: "sylfetch.php",
            ajax: true,
            data:formData,
            type:"POST",
            post: function(data)
            {
                return{
                id: "b0df282a-0d67-40e5-8558-c9e93b7befed"
                    };
            },

            formatters: {
                "link": function(column, row) {
                return "<a href='" + row.slink + "'>Download</a>";
                }



            }
        });
        $('#product_data').bootgrid('reload');
    });

现在，每当我尝试在 sylfetch.php 中读取学期和分支的值时，它都会停止工作

$branch = $_POST["branch"];
$semester= $_POST["semester"];

现在我认为使用 ajax 发送这些变量时出现错误，所以请帮帮我。

【问题讨论】：

你能说明你遇到了什么错误吗？

标签： php ajax jquery-bootgrid

【解决方案1】：

bootgrid 配置中的一个参数是post，它是一个函数。此功能允许您将自定义值添加到发布数据。然后像这样使用它：

var productTable = $('#product_data').bootgrid({

    url: "sylfetch.php",
    ajax: true,
    data: formData,
    type: "POST",
    post: function (data) {
        return {
            branch: $("#branch").val(),
            semester: $("#semester").val(),
        };
    },
    formatters: {
        "link": function (column, row) {
            return "<a href='" + row.slink + "'>Download</a>";
        }
    }
});

$('#semester').change(function () {
    productTable.bootgrid('reload');
});

首先要注意的是，您不需要在每次更改学期时都重新构建整个网格，因为网格中唯一改变的是它的数据。因此，您保留对网格的引用（就像您已经在做的那样）并重新加载它。

每次引导网格重新加载时（例如，用户切换到另一个页面，或按另一列排序，或单击刷新按钮），再次调用 post 函数。因此，您可以从那里的 DOM 加载分支和学期。

您之前的代码覆盖了您传递给数据的formData，因为它正在创建一个仅具有id 属性的新对象，您可能从一些演示中获得了该属性，而您根本没有使用：

return{
    id: "b0df282a-0d67-40e5-8558-c9e93b7befed"
};

【讨论】：