Ajax是一種用于創建具有動態內容的交互式網頁的技術。它可以通過無需刷新整個頁面的方式，與服務器進行數據交換。在開發Web應用程序時，經常需要將數據以JSON數組的形式輸出到前端頁面，以供后續操作和顯示。本文將介紹如何使用Ajax輸出JSON數組，并結合具體的示例來說明。
在開始介紹如何使用Ajax輸出JSON數組之前，我們先來看一個簡單的例子。假設我們有一個網頁上的按鈕，當用戶點擊該按鈕時，我們希望從服務器獲取一個包含用戶列表的JSON數組，并將其顯示在頁面上。
首先，我們需要編寫一個處理用戶請求的服務器腳本，在本例中我們將使用PHP。該腳本將從數據庫中獲取用戶數據，并將其以JSON格式輸出。以下是示例的服務器腳本代碼：
在上述代碼中，我們創建了一個包含3個用戶的數組，每個用戶包含姓名和年齡。然后，我們使用
接下來，我們需要編寫前端頁面的JavaScript代碼，以便通過Ajax請求從服務器獲取JSON數組，并將其顯示在頁面上。以下是一個示例代碼：
}
});
}
在開始介紹如何使用Ajax輸出JSON數組之前，我們先來看一個簡單的例子。假設我們有一個網頁上的按鈕，當用戶點擊該按鈕時，我們希望從服務器獲取一個包含用戶列表的JSON數組，并將其顯示在頁面上。
首先，我們需要編寫一個處理用戶請求的服務器腳本，在本例中我們將使用PHP。該腳本將從數據庫中獲取用戶數據，并將其以JSON格式輸出。以下是示例的服務器腳本代碼：
php
<?php
$users = array(
array('name' => '張三', 'age' => 20),
array('name' => '李四', 'age' => 25),
array('name' => '王五', 'age' => 30)
);
header('Content-Type: application/json');
echo json_encode($users);
?>在上述代碼中，我們創建了一個包含3個用戶的數組，每個用戶包含姓名和年齡。然后，我們使用
json_encode()函數將該數組轉換為JSON格式，并通過header()函數設置響應的MIME類型為application/json，以便瀏覽器能夠正確解析返回的數據。接下來，我們需要編寫前端頁面的JavaScript代碼，以便通過Ajax請求從服務器獲取JSON數組，并將其顯示在頁面上。以下是一個示例代碼：
html
<!DOCTYPE html>
<html>
<head>
<title>Ajax輸出JSON數組示例</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<button onclick="loadUsers()">加載用戶</button>
<div id="users"></div>
<script>
function loadUsers() {
$.ajax({
url: 'users.php',
type: 'GET',
dataType: 'json',
success: function(response) {
var usersDiv = document.getElementById('users');
usersDiv.innerHTML = '<pre>' + JSON.stringify(response, null, 4) + '';}
});
}