亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

將 AWS MySQL 查詢的 JSON 輸出并在網頁上顯示為 DataTable

將 AWS MySQL 查詢的 JSON 輸出并在網頁上顯示為 DataTable

慕桂英546537 2022-01-20 17:23:19
我已通過 AWS API Gateway 成功地將網頁連接到 Lambda 函數,以在 Aurora Serverless MySQL 數據庫上調用 SQL 查詢。我只是將完整的返回 JSON(以字符串形式)傳遞給網頁,它會出現,例如,如下所示:根據查詢,列可能不同。我希望能夠獲取響應輸出并使用網站上的 DataTable 將其可視化。有沒有辦法動態創建 DataTable,大概是通過訪問 JSON 對象中的特定鍵(不是字符串形式)?免責聲明:除此之外,我對 JavaScript/jQuery/JSON 格式的經驗很少。
查看完整描述

1 回答

?
夢里花落0921

TA貢獻1772條經驗 獲得超6個贊

以下是如何使用數據表。您需要首先在要顯示數據表的 html 中聲明一個 div。


<div class="container-fluid">

  <div id="data-table-container"></div>

</div>

然后在您的 jquery 代碼中,初始化 DataTable


$.ajax({

  method: 'POST',

  url: '***',

  success: function (response) {


    // format the column labels to [{data: 'Column Name 1'}]

    const colLabels = response.sqlStatementResults[0].resultFrame.resultSetMetadata.columnMetadata.map(value => {

      return {

        data: value

      }

    })


    $('#data-table-container').DataTable({

      data: JSON.stringify(response.sqlStatementResults[0].resultFrame.records),

      columns: colLabels

    })


  },

  error: function ajaxError(error) {


  }

})

這是文檔 https://datatables.net/manual/data/


查看完整回答
反對 回復 2022-01-20
  • 1 回答
  • 0 關注
  • 199 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號