AJAX（Asynchronous JavaScript and XML）是一種在不重新加載整個頁面的情況下，通過后臺與服務(wù)器進行數(shù)據(jù)交互并更新部分頁面內(nèi)容的技術(shù)。在開發(fā)中，我們經(jīng)常需要從數(shù)據(jù)庫中獲取數(shù)據(jù)來展示在網(wǎng)頁上。本文將通過使用 AJAX 取二維數(shù)組數(shù)據(jù)的例子來演示如何利用 AJAX 從數(shù)據(jù)庫中獲取數(shù)據(jù)，并在網(wǎng)頁上進行展示。
以上就是通過 AJAX 從數(shù)據(jù)庫中獲取二維數(shù)組數(shù)據(jù)并在網(wǎng)頁上展示的過程。使用 AJAX 處理數(shù)據(jù)請求可以提高用戶體驗，減少頁面刷新頻率，提高頁面性能。在實際開發(fā)中，我們可以根據(jù)具體需求來改寫上述代碼，實現(xiàn)更多功能。希望本文能夠幫助讀者理解 AJAX 的運作原理，并通過示例使用 AJAX 取二維數(shù)組數(shù)據(jù)來滿足自己的需求。
// HTML 代碼部分
<html>
<head>
<title>使用 AJAX 取二維數(shù)組數(shù)據(jù)</title>
</head>
<body>
<div id="data-container"></div> // 用于展示數(shù)據(jù)的容器
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> // 引入 jQuery 庫
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
url: "get_data.php", // 后臺處理數(shù)據(jù)的 PHP 文件
method: "POST",
dataType: "json",
success: function(data){
var html = ""; // 用于存儲生成的 HTML
for(var i=0; i<data.length; i++){
html += "<p>姓名：" + data[i][0] + "</p>"; // 顯示姓名
html += "<p>年齡：" + data[i][1] + "</p>"; // 顯示年齡
html += "<p>職業(yè)：" + data[i][2] + "</p>"; // 顯示職業(yè)
}
$("#data-container").html(html); // 將生成的 HTML 插入到容器中
}
});
});
</script>
</body>
</html>下一篇php cli 中斷