在web開發(fā)的過程中，我們經(jīng)常需要使用jQuery來進(jìn)行AJAX請求。AJAX請求可以在不刷新整個網(wǎng)頁的情況下獲取數(shù)據(jù)，非常方便。在本文中，我們將介紹如何使用jQuery AJAX請求并展示數(shù)據(jù)列表。

首先，我們需要在HTML中創(chuàng)建一個列表。在這個例子中，我們使用了一個有序列表（ol）來展示數(shù)據(jù)：

<ol id="list"></ol>

接下來，我們來編寫jQuery代碼。我們需要使用AJAX請求從服務(wù)器端獲取數(shù)據(jù)，并將數(shù)據(jù)展示在列表中。代碼如下：

<script>
$(document).ready(function() {
$.ajax({
url: 'ajaxdata.php',
dataType: 'json',
success: function(data) {
$.each(data, function(index, value) {
$('#list').append('<li>' + value + '</li>');
});
}
});
});
</script>

在這段代碼中，我們使用了jQuery的$.ajax方法從服務(wù)器端請求數(shù)據(jù)。我們將數(shù)據(jù)類型設(shè)置為json，這意味著服務(wù)器端應(yīng)該返回一個JSON格式的數(shù)據(jù)。如果請求成功，我們使用$.each方法遍歷返回的JSON數(shù)據(jù)，并將每一項(xiàng)數(shù)據(jù)添加到列表中。

值得注意的是，在這段代碼中，我們將每一項(xiàng)數(shù)據(jù)放置在列表項(xiàng)中（li標(biāo)簽）。這種方式的好處是可以非常方便地用CSS樣式來美化我們的列表。

最后，我們創(chuàng)建一個簡單的服務(wù)器端腳本（PHP）來返回?cái)?shù)據(jù)：

<?php
$data = array('apple', 'banana', 'orange', 'grape', 'watermelon');
echo json_encode($data);
?>

在這個例子中，我們簡單地將一個數(shù)組編碼為JSON數(shù)據(jù)，并返回給客戶端。

綜合起來，我們使用了jQuery AJAX請求從服務(wù)器端獲取數(shù)據(jù)，并將數(shù)據(jù)展示在一個有序列表中。這種方式可以用于各種情況，例如展示博客文章列表、商品列表等等。