AJAX（Asynchronous JavaScript and XML）是一種在不重新加載整個頁面的情況下，通過后臺與服務器進行數據交互并更新部分頁面內容的技術。在開發中，我們經常需要從數據庫中獲取數據來展示在網頁上。本文將通過使用 AJAX 取二維數組數據的例子來演示如何利用 AJAX 從數據庫中獲取數據，并在網頁上進行展示。
以上就是通過 AJAX 從數據庫中獲取二維數組數據并在網頁上展示的過程。使用 AJAX 處理數據請求可以提高用戶體驗，減少頁面刷新頻率，提高頁面性能。在實際開發中，我們可以根據具體需求來改寫上述代碼，實現更多功能。希望本文能夠幫助讀者理解 AJAX 的運作原理，并通過示例使用 AJAX 取二維數組數據來滿足自己的需求。
// HTML 代碼部分
<html>
<head>
<title>使用 AJAX 取二維數組數據</title>
</head>
<body>
<div id="data-container"></div> // 用于展示數據的容器
<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", // 后臺處理數據的 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>職業：" + data[i][2] + "</p>"; // 顯示職業
}
$("#data-container").html(html); // 將生成的 HTML 插入到容器中
}
});
});
</script>
</body>
</html>上一篇10天學會php
下一篇php cli 中斷