如何有效地將 JSON 資料從 PostgreSQL jsonb 欄位傳遞到 Javascript?
P粉596161915
P粉596161915 2023-09-12 14:52:26
0
1
613

我正在尋找一種智慧解決方案來用 Javascript 處理來自 postgresql 資料庫的一些 JSON 資料。我知道我需要透過 php 讀取資料庫並將資料作為數組傳遞給 Javascript。

通常你會做這樣的事情:

<?php
$phpArray = array('apple', 'banana', 'orange');
$jsonString = json_encode($phpArray);
?>

<script>
var jsonString = '<?php echo $jsonString ?>';
var jsArray = JSON.parse(jsonString);
</script>

但是我的資料已經以 JSON 格式儲存在 postgresql jsonb 欄位中。所以我希望有一種方法可以更有效地傳遞數組,這樣PC就不必重複相同的資料兩次。

root@monitor:~ $ sudo -u postgres psql
postgres=# \c monitor
monitor=# SELECT * FROM "drone001";

id |                                             data
---+-----------------------------------------------------------------------------------------------
 1 | {"RX": 13.7, "Speed": 10.1, "Azimuth": 897, "Heading": 125, "DateTime": "2023-03-19 04:14:49"}
 2 | {"RX": 13.4, "Speed": 10.2, "Azimuth": 896, "Heading": 125, "DateTime": "2023-03-19 04:14:47"}
 3 | {"RX": 13.3, "Speed": 10.1, "Azimuth": 896, "Heading": 125, "DateTime": "2023-03-19 04:14:45"}
 4 | {"RX": 13.7, "Speed": 10.1, "Azimuth": 896, "Heading": 127, "DateTime": "2023-03-19 04:14:43"}
 5 | {"RX": 13.1, "Speed": 10.1, "Azimuth": 896, "Heading": 125, "DateTime": "2023-03-19 04:14:41"}
[...]

這段程式碼不起作用,但應該大致顯示我的想法。

<?php
  require_once 'pgsql.php';

  $db = new database();
  $res = $db->select('drone001');
  $jsondata = array();
  while ($ds = pg_fetch_object($res)) {
    $jsondata[] = $ds->data;
  }
?>


<script type="text/javascript">
  var jsArray = JSON.parse('<?php echo $jsondata ?>');
  console.log(jsArray);
</script>

如果有人能指出我正確的方向,那就太好了。

P粉596161915
P粉596161915

全部回覆(1)
P粉744831602

好吧,我今天覺得有點傻。我找到了解決方案,無需創建新數組,只需將所有字串連接在一起即可。

<?php
  require_once 'pgsql.php';

  $db = new database();
  $res = $db->select('drone001');
  while ($ds = pg_fetch_object($res)) {
    $jsondata .= $ds->data . ",";
  }
  $jsondata = "[" . rtrim($jsondata, ",") . "]";
?>

<script type="text/javascript">
  var jsArray = JSON.parse('<?php echo $jsondata ?>');
  console.log(jsArray);
</script>
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板