在前端開發中，我們經常會使用Ajax技術來實現與服務器的數據交互。而在Ajax請求中，我們常常需要遍歷返回的數據，并在頁面上展示出來。然而，在某些情況下，我們可能會遇到需要將遍歷出來的數據換行展示的需求。那么，本文將介紹一種使用Ajax中的data方法進行遍歷并換行展示數據的方法。
在使用Ajax進行數據交互時，我們通常會使用data方法來處理服務器返回的數據。假設我們發送了一個Ajax請求，獲取到以下的數據：
```javascript
var data = [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 30 },
{ name: 'Tom', age: 28 }
];
```
現在的問題是，我們如何遍歷這個data數組，并在頁面上將其換行展示出來呢？一種簡單的方法是使用jQuery的each方法，將每個數據項的內容逐個添加到一個字符串中，并通過換行符\n來實現換行效果。代碼如下：
```javascript
var html = '';
$.each(data, function(index, item) {
html += item.name + ' - ' + item.age + '\n';
});
```
這樣，我們就可以得到如下的字符串：
```
John - 25
Jane - 30
Tom - 28
```
最后，我們只需要將這個字符串添加到頁面的某個元素中即可。
如果我們不想使用字符串拼接的方式來實現換行效果，還有另一種方法可以嘗試。我們可以使用jQuery的append方法，直接將每個數據項的內容包裹在一個p標簽中，然后通過CSS樣式來實現換行效果。代碼如下：
```javascript
$.each(data, function(index, item) {
$('
').text(item.name + ' - ' + item.age).appendTo('body'); }); ``` 這樣，我們也能夠得到相同的效果，每個數據項都會被包裹在一個p標簽中，并且在頁面上實現換行展示。 綜上所述，當我們需要遍歷Ajax返回的數據并進行換行展示時，可以使用上述兩種方法。一種是使用字符串拼接的方式，將每個數據項的內容逐個添加到一個字符串中，通過換行符\n來實現換行效果。另一種是使用jQuery的append方法，將每個數據項的內容包裹在一個p標簽中，并借助CSS樣式來實現換行展示。根據具體的需求和項目特點，選擇適合的方法來實現數據的遍歷和換行展示。