今天我們將介紹如何使用jQuery來展示數(shù)據(jù)庫中的內(nèi)容。

首先，我們需要在頁面中引入jQuery庫：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

接著，我們需要準備一個表格來展示數(shù)據(jù)庫中的內(nèi)容：

<table id="data-table" cellspacing="0"></table>

然后，我們可以使用jQuery的AJAX方法來獲取數(shù)據(jù)庫中的數(shù)據(jù)：

$.ajax({
url: "get-data.php",
type: "GET",
dataType: "json",
success: function(data) {
// 將數(shù)據(jù)展示在表格中
},
error: function(xhr, textStatus, errorThrown) {
console.log(textStatus + ": " + errorThrown);
}
});

上面的代碼中，我們發(fā)送一個GET請求到get-data.php文件中，該文件返回一個JSON格式的數(shù)據(jù)。如果請求成功，我們將數(shù)據(jù)展示在表格中。

現(xiàn)在，我們來看看如何將數(shù)據(jù)展示在表格中：

var table = $('#data-table');
var header = "<thead><tr><th>ID</th><th>名稱</th><th>價格</th></tr></thead>";
var body = "<tbody>";
$.each(data, function(index, item) {
body += "<tr><td>" + item.id + "</td><td>" + item.name + "</td><td>" + item.price + "</td></tr>";
});
body += "</tbody>";
table.append(header);
table.append(body);

上面的代碼中，我們首先定義了一個表格和表頭。然后，我們使用each方法遍歷獲取到的數(shù)據(jù)，并將每個數(shù)據(jù)添加到表格的tbody中。最后，我們將表頭和表格內(nèi)容添加到表格中。

到此為止，我們就成功地使用jQuery展示了數(shù)據(jù)庫中的內(nèi)容。如果有任何問題，請隨時聯(lián)系我們。謝謝！