ajax返回json多条数据格式 js使用ajax如何返回数据

Ajax是一种在网页上实现异步通信的技术，可以在不刷新整个页面的情况下，通过向服务器发送请求并获取数据，实现动态更新页面内容。在使用Ajax获取数据时，常常会返回JSON格式的数据。

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它以键值对的形式组织数据，并使用大括号{}来表示对象，使用中括号[]来表示数组。在Ajax中，通过将服务器返回的JSON数据解析后，我们可以获取到多条数据，并在页面上进行展示。

下面是一段示例代码，通过Ajax获取服务器返回的JSON多条数据，并将其展示在页面上：

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 发送GET请求，获取服务器返回的JSON数据
xhr.open('GET', 'http://example.com/data.json', true);
xhr.send();
// 监听xhr对象的readystatechange事件
xhr.onreadystatechange = function() {
  // 判断请求是否完成
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 解析服务器返回的JSON数据
    var data = JSON.parse(xhr.responseText);
    // 遍历数据，并在页面上展示
    for (var i = 0; i < data.length; i++) {
      var item = data[i];
      // 创建一个DOM元素，用于展示数据
      var div = document.createElement('div');
      div.innerHTML = '姓名：' + item.name + '，年龄：' + item.age;
      // 将DOM元素添加到页面中
      document.body.appendChild(div);
    }
  }
};

在上述示例代码中，我们首先创建了一个XMLHttpRequest对象，然后通过该对象发送了一个GET请求，请求的URL是服务器返回JSON数据的地址。接着，我们监听了xhr对象的readystatechange事件，当请求完成时，我们解析服务器返回的JSON数据，并遍历数据进行展示。

在遍历数据时，我们创建了一个DOM元素div，并将数据的姓名和年龄添加到该元素的innerHTML属性中。我们将该DOM元素添加到页面中，实现了数据的展示。

需要注意的是，在实际开发中，我们还需要处理请求的错误情况、添加加载动画等。服务器端也需要返回符合JSON格式的数据。