簡體   English   中英

bootstrap-table:如何使用ajax post從mysql數據庫加載數據?

[英]bootstrap-table: how to load data from mysql database with ajax post?

請更正我的代碼,因為我不知道如何用數據表mysql數據庫正確填充引導表。 我想問題是發送數據與所需的引導表格式不兼容。 正如您在下面看到的,我嘗試了兩種加載方式,但是都沒有一種方法,我希望您使用post方法。

html代碼:

<table id="stable">
  <thead>
    <tr>
      <th data-field="id">id</th>
      <th data-field="name">name</th>
    </tr>
  </thead>
</table>

php代碼:

if (!empty($_POST["tab"])) {
    $sql = "SELECT id, name FROM tab";
    $result = mysqli_query($conn, $sql);
    $values = array();
    while ($row = mysqli_fetch_array($result)){
        $values[] =  $row["id"].",".$row["name"];
    }
    echo json_encode($values);
}

js代碼:

var t = [
      {  "id": "1",
       "name": "john"
      },
      { "id": "2",
        "name": "ted"
      }
    ];
var tab = "stat";
$.post( 
    "pfile.php",
    { tab },
    function(data) {
        //$('#stable').bootstrapTable('load', data);
        $('#stable').bootstrapTable({
            data: data  //t
        });
    },
    "json"
);

如果我分配data: t那么它將正常工作。 如果我使用data: data那么我會得到: 在此處輸入圖片說明

alert(t)給我[object Object],[object Object]所以我應該以某種方式創建並傳遞php文件中的對象數組。

我終於讓它與mysql數據庫一起工作。 我無法根據需要在互聯網上找到答案(我已經看到了幾個相同的問題),所以我在這里發布消息,也許有人會遇到類似的情況。 現在,修復程序看起來非常簡單,以至於我為為什么沒人還沒有回答而煩惱。 通常,我只需要更改這一行: $values[] = $row;

參考我的帖子並將所有內容放在一起:

php代碼:

if (!empty($_POST["tab"])) {
    $sql = "SELECT id, name FROM tab";
    $result = mysqli_query($conn, $sql);
    $values = array();
    while ($row = mysqli_fetch_array($result)){
        $values[] =  $row;
    }
    echo json_encode($values);
}

js代碼:

var tab = "stat";
$.post( 
    "pfile.php",
    { tab },
    function(data) {
        $('#stable').bootstrapTable({
            data: data 
        });
    },
    "json"
);

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM