本文主要介绍了Ajax中的each方法的用法。Ajax每次只能发送一次请求，但是有时需要循环处理返回的数据。而使用each方法可以方便地对返回的数据进行遍历和处理。在实际开发中，我们经常会遇到类似的场景，比如需要显示一个列表，或者根据用户的输入进行模糊查询等等。下面将通过多个举例来详细说明each方法的使用。

首先，我们假设有一个api接口返回了一个包含多个用户信息的JSON数组：

[
{'name': '张三', 'age': 18},
{'name': '李四', 'age': 20},
{'name': '王五', 'age': 22}
]

我们想将每个用户的姓名显示在一个列表中。这时，我们可以使用Ajax来获取用户信息，并使用each方法对每个用户进行遍历处理，将姓名添加到列表中：

$.ajax({
url: 'api/user',
success: function(data) {
$.each(data, function(index, user) {
$('ul').append('

' + user.name + '

'); }); } });

上面的代码首先通过Ajax请求获取用户信息，然后使用each方法对返回的数组进行遍历处理。每次遍历，我们可以获得当前元素的索引和对应的用户对象。通过user.name即可获取用户的姓名，并将其添加到一个ul元素中。

除了处理简单的列表，使用each方法还可以方便地进行模糊查询操作。例如，在一个表格中，我们想根据用户的输入，实时筛选出符合条件的行：

$('input').keyup(function() {
var keyword = $(this).val();
$('tbody tr').each(function() {
var name = $(this).find('.name').text();
if (name.indexOf(keyword) !== -1) {
$(this).show();
} else {
$(this).hide();
}
});
});

上述代码监听input元素的keyup事件，每当输入发生变化时，先获取输入的关键词。然后通过each方法遍历表格中的每一行，取出每一行的.name元素的文本内容，并使用indexOf方法进行模糊匹配。如果匹配成功，则显示该行，否则隐藏该行。

以上举例说明了使用each方法在Ajax中的常见用法。除了遍历数组和处理DOM元素外，each方法还可以处理对象的属性。例如，如果想将一个对象的属性和值显示在页面上：

var data = {
'name': '张三',
'age': 18,
'gender': '男'
};
$.each(data, function(key, value) {
$('div').append('
' + key + ': ' + value + '
');
});

上面的代码通过each方法遍历data对象的属性和值，将它们以key: value的形式添加到div元素中。

总之，Ajax中的each方法可以方便地对数组、DOM元素和对象进行遍历处理。在实际开发中，我们可以根据具体的需求，使用each方法灵活地处理返回的数据。