Ajax（Asynchronous JavaScript and XML）是一種用于在不重新加載整個網頁的情況下，與服務器交換數據并更新部分頁面內容的技術。它通過在后臺與服務器進行異步通信，實現了網頁的動態更新。在開發中，我們經常需要從服務器獲取多條數據，并將其展示在網頁上，本文將介紹使用Ajax接口獲取多條數據的常見格式，并附上相應的示例代碼。

1. JSON 格式

JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，常用于前后端之間的數據傳遞。在使用Ajax接口獲取多條數據時，我們可以將這些數據封裝成一個JSON對象數組，然后使用Ajax請求獲取該數組，并在前端進行展示。以下是一個獲取多條用戶數據的示例：

$.ajax({
url: "api/users",
dataType: "json",
success: function(data) {
for (var i = 0; i < data.length; i++) {
var user = data[i];
$("body").append("<p>" + user.name + ": " + user.age + "</p>");
}
}
});

在上述示例中，我們通過Ajax請求獲取了一個名為"api/users"的接口返回的JSON對象數組。然后，通過循環遍歷數組中的每個元素，將用戶的姓名和年齡拼接成一個字符串，并添加到網頁的標簽中。

2. XML 格式

除了JSON格式，我們還可以使用XML（可擴展標記語言）來組織多條數據。XML使用一組標簽來描述數據的結構，對于每條數據，用一個標簽包裹起來，并使用屬性來表示數據的不同字段。以下是一個獲取多條學生數據的示例：

$.ajax({
url: "api/students",
dataType: "xml",
success: function(xml) {
$(xml).find("student").each(function() {
var student = $(this);
$("body").append("<p>" + student.attr("name") + ": " + student.attr("age") + "</p>");
});
}
});

在上述示例中，我們使用Ajax請求獲取了一個名為"api/students"的接口返回的XML數據。然后，使用jQuery的.find()方法找到所有名為"student"的標簽，并利用.each()方法對它們進行遍歷。在遍歷過程中，我們可以通過.attr()方法獲取每個學生標簽的屬性值（例如姓名和年齡），并將其拼接成一個字符串添加到網頁的標簽中。

3. CSV 格式

CSV（Comma-Separated Values）是一種以逗號分隔數據值的文本文件格式，常用于將表格數據導入和導出。雖然CSV格式比較簡單，但它仍然是一種獲取多條數據的有效方式。以下是一個獲取多條商品數據的示例：

$.ajax({
url: "api/products",
dataType: "text",
success: function(csv) {
var lines = csv.split("\n");
for (var i = 0; i < lines.length; i++) {
var fields = lines[i].split(",");
$("body").append("<p>" + fields[0] + ": " + fields[1] + "</p>");
}
}
});

在上述示例中，我們通過Ajax請求獲取了一個名為"api/products"的接口返回的CSV格式數據。首先，通過.split()方法將數據按換行符拆分成數組的每一行。然后，通過再次使用.split()方法將每一行按逗號拆分成字段數組。最后，我們可以通過下標訪問每個字段的值，并將其拼接成一個字符串添加到網頁的標簽中。

通過以上三種常見的格式，我們可以使用Ajax接口獲取多條數據，并將其展示在網頁上。JSON格式簡潔明了，適用于復雜的數據結構；XML格式靈活且擴展性強，適用于大型項目；CSV格式簡單實用，適用于表格類數據。在實際開發中，根據具體需求選擇合適的格式來獲取和展示數據，將有助于提升用戶體驗和頁面性能。