如何將數據顯示到數據表中（json object 到對象中）

Question

這是我想在數據表中顯示余額的格式。 我沒有找到任何解決這個問題的方法{“info”：{“makerCommission”：“10”，“takerCommission”：“10”，“buyerCommission”：“0”，“sellerCommission”：“0”，“canTrade “：真，“canWithdraw”：真，“canDeposit”：真，“updateTime”：“1639767562245”，“accountType”：“SPOT”，“余額”：[{“資產”：“BTC”，“免費”： 0.00000371，“鎖定”：0.00000000 }，{“資產”：“LTC”，“免費”：0.00000769，“鎖定”：0.00000000 } }

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Comment</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- <link rel="stylesheet" type="text/css" href="style.css"> -->
    
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
    <!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>


<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>

  <div class="main-body">
    <header>
      
        

    <div id="main">
        <table id="table_id" cellspacing="0" width="100%">
            <thead>
                <tr class="bg-dark">
                    <th class="grey">data</th>
                  
                </tr>
            </thead>
        </table>
    </div>
  </div>    
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.css">
  
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.js"></script>
    
    
    <script>
        $(document).ready(function(){
                $('#table_id').DataTable( {
                    ajax: {
                        // url: 'https://jsonplaceholder.typicode.com/comments',
                        url: 'http://design.trailingcrypto.com/api/trade/balances?exchange=binance',
                        dataSrc: ''
                    },
                    // console.log(data);
                    columns: [
                            { data: 'info.balances'},
                        ]
            });
        })
    </script>
</body>
</html>

Answer 1

dataSrc定義從數據源 object（即由 Ajax 請求返回的）讀取的屬性。

通過列中的data屬性，您可以定義目標 object 的哪個屬性必須放在表格單元格中。

所以你可以像這樣初始化你的 tbale：

$('#table_id').DataTable({
    ajax: {
        url: 'http://design.trailingcrypto.com/api/trade/balances?exchange=binance',
        dataSrc: 'info.balances'
    },
    columns: [
            { data: 'asset'},
        ]
});

如何將數據顯示到數據表中（json object 到對象中）

問題描述

1 個解決方案

解決方案1
1 2021-12-23 09:00:41

如何將數據顯示到數據表中（json object 到對象中）

問題描述

1 個解決方案

解決方案1 1 2021-12-23 09:00:41

解決方案1
1 2021-12-23 09:00:41