javascript 数据表-用PHP添加行

93ze6v8z  于 2023-01-16  发布在  Java
关注(0)|答案(2)|浏览(106)

我有一个问题与jquery和数据表。我想得到的信息,为数据表从一个MySQL数据库与PHP和更新后的数据表与此信息。
我已经试过这样的了:

var datatable = $("#example").DataTable();
$.get('load_session_overview.php', function(newDataArray) {
     //datatable.clear();
     datatable.row.add(['Random','12','18','Menu']);
     datatable.row.add([newDataArray]);
     datatable.draw();
});

add的第一行运行良好,但是我不知道如何正确地格式化php脚本中的数据。
如果我从php脚本中得到了更多的行,我怎么把它们添加到表中呢?
谢谢你,菲尔

vfh0ocws

vfh0ocws1#

在PHP脚本中正确格式化数据的一种方法是以JSON格式返回数据。可以使用PHP中的json_encode()函数将数据转换为JSON字符串。
例如:

<?php
$data = array(
array('Random','12','18','Menu'),
array('Data1','13','19','Menu2'),
array('Data2','14','20','Menu3')
);
echo json_encode($data);
?>

然后,在jQuery代码中,可以使用JSON.parse()方法将JSON字符串转换为JavaScript对象,并循环数据以将每一行添加到表中。

$.get('load_session_overview.php', 
 function(newDataArray) {
  var data = JSON.parse(newDataArray);
  for(var i = 0; i < data.length; i++) {
    datatable.row.add(data[i]);
  }
  datatable.draw();
});

或者,您可以使用ajax调用并将数据传递给它以将其加载到datatable中,也可以使用ajax调用来更新datatable。

$.ajax({
 url: "load_session_overview.php",
 type: "GET",
 dataType: "json",
 success: function (data) {
   datatable.clear();
   datatable.rows.add(data);
   datatable.draw();
 }
});

通过这种方式,您可以将数据加载到数据表中,也可以更新它。

osh3o9ms

osh3o9ms2#

有几种方法可以实现这一点,例如

php在html脚本标记中写入javascript代码

参见How to print JSON array inside script tag?

XHR请求

参见Displaying JSON data in HTML

相关问题