Question

我正在尝试使用php文件从数据库加载数据，如下所示设置了我的html页面，但是当我运行它时，我收到了控制台错误“未捕获的ReferenceError：$未在tabulatortest.html：38处定义”

我在网上找到了一个有关如何引用php文件的示例，并用它来创建html和php文件。

有人可以让我知道我要去哪里哪里以及为什么我出错了吗？

谢谢我。

<script type="text/javascript">
var table = new Tabulator("#tabulator-example", {
  layout: "fitColumns",
  responsiveLayout: "hide",
  tooltips: true,
  addRowPos: "top",
  history: true,
  pagination: "local",
  paginationSize: 10,
  movableColumns: true,
  resizableRows: true,
  initialSort: [{
    column: "subsystem",
    dir: "asc"
  }, ],
  columns: [{
      title: "Subsystem",
      field: "subsystem",
      minWidth: 20
    },
    {
      title: "Doc Number",
      field: "docNumber",
      minWidth: 20
    },
    {
      title: "Description",
      field: "docDescription",
      minWidth: 20
    },
    {
      title: "Discipline",
      field: "Discipline",
      minWidth: 20
    },
    {
      title: "Tag Number",
      field: "tagNumber",
      minWidth: 10
    },
  ],
});



// table.setData(tabledata);
$("#tabulator-example").tabulator("setData", "setData.php");

Answer 1

由于某种原因，您似乎在代码中使用了旧的jQuery方法：

$("#tabulator-example").tabulator("setData", "setData.php");

您应该使用以下内容来设置表中的数据：

table.setData("setData.php");

如果您希望数据在加载时加载到表中，您可以直接将url传递到表定义中的 ajaxURL 选项中，那么您就不需要完全拨打 setData ：

var table = new Tabulator("#tabulator-example", {
  layout: "fitColumns",
  ajaxURL:"setData.php",
  ....

请查看Ajax Documentation，以获取有关如何使用此功能的完整信息

通过PHP加载数据未捕获ReferenceError

1 个答案: