Ajax返回的json遍历取值并显示到前台的方法

【长沙网络推广小课堂】今天给大家带来一篇超实用的Ajax技术分享。我们知道Ajax能返回json数据，那么如何将数据遍历取值并展示在前台呢？这绝对是个技术干货，一起来看看吧！

我们来看看如何用jQuery的$.each函数来遍历数据。只需简单地使用n.字段，就可以轻松获取到你想要的值。下面是一个简单的例子：

假设我们已经通过Ajax发起了一个请求，请求的数据类型是json。当请求成功返回数据后，我们可以使用$.each函数遍历这些数据。假设数据中包含'name'和'age'两个字段，我们可以这样操作：

```javascript

$.ajax({

type: 'post',

url: '/XXX', // 这里是你的请求地址

dataType: 'json', // 指定返回数据类型为json

success: function(data){ // 当请求成功时执行的函数

var item; // 用于存储每一行的HTML代码片段

$.each(data, function(i, result){ // 遍历返回的数据

});

}

});

```

```html

```