ajax得到json数据循环

AJAX是一种在不刷新整个网页的情况下更新网页某一部分内容的技术，而JSON是一种轻量级的数据交换格式。本文将讲述如何使用AJAX得到JSON数据并进行循环展示。

首先，我们需要一个能返回JSON数据的API接口。在此使用API接口 https://jsonplaceholder.typicode.com/users 进行演示。该接口会返回一组JSON数据，包含多个用户的信息。

<code>// 使用 jQuery 的 ajax 方法获取数据
$.ajax({
  url: 'https://jsonplaceholder.typicode.com/users',type: 'GET',dataType: 'json',success: function(data) {
    // 成功获取到数据后执行的代码
    console.log(data);
  },error: function() {
    // 获取数据失败后执行的代码
    console.log('获取数据失败');
  }
});</code>

上述代码中，使用了jQuery库的ajax方法，通过url参数指定了API接口的地址，使用GET方法获取数据，dataType参数指定返回的数据类型为JSON。

接下来，我们需要将JSON数据进行循环展示。 在HTML中，使用一个ul标签和多个li标签展示用户的名称和邮箱信息。

<code><ul id="userList"></ul>
 
<script>
  $.ajax({
    url: 'https://jsonplaceholder.typicode.com/users',success: function(data) {
      // 循环遍历数据并将数据添加到页面
      var userListElement = $('#userList');
      for (var i = 0; i < data.length; i++) {
        var user = data[i];
        var html = '<li>' + user.name + ' (' + user.email + ')</li>';
        userListElement.append(html);
      }
    },error: function() {
      console.log('获取数据失败');
    }
  });
</script></code>

上述代码中，通过循环遍历在页面中动态生成了包含用户名称和邮箱信息的li元素，并将它们添加到了id为"UserList"的ul元素中。

这样，通过AJAX方法得到JSON数据并循环展示在页面中的过程就完成了。可以在浏览器中运行该页面来查看效果。