ajax返回json为什么(ajax返回的数据显示在jsp)

Ajax是一种用于在浏览器和服务器之间进行异步数据交互的技术。它允许我们在不刷新整个页面的情况下，通过发送HTTP请求从服务器获取数据，并将数据展示在网页中。在使用Ajax时，常常会将服务器返回的数据格式设置为JSON（JavaScript Object Notation）。这是因为JSON具有轻量级、易于解析和生成的特点，非常适合在Web应用程序中传输数据。

我们需要在网页中使用Ajax来发送HTTP请求并获取服务器返回的JSON数据。下面是一个使用原生JavaScript编写的Ajax示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    // 在这里处理返回的JSON数据
  }
};
xhr.send();

在上面的代码中，我们创建了一个XMLHttpRequest对象，并使用open方法指定了请求的URL和请求方式。然后，我们通过onreadystatechange事件监听器来处理服务器返回的数据。当readyState等于4（请求已完成）且status等于200（成功）时，我们可以通过responseText属性获取到服务器返回的JSON数据，并使用JSON.parse方法将其解析为JavaScript对象。

接下来，我们可以根据需要在网页上展示这些JSON数据。通常，我们会将数据动态地插入到网页的某个元素中，以实现局部刷新的效果。以下是一个简单的示例代码，将服务器返回的JSON数据显示在一个具有id为"result"的div元素中：

var div = document.getElementById('result');
div.innerHTML = '';
for (var i = 0; i < data.length; i++) {
  var p = document.createElement('p');
  p.textContent = 'Name: ' + data[i].name + ', Age: ' + data[i].age;
  div.appendChild(p);
}

在上面的代码中，我们首先通过getElementById方法获取到id为"result"的div元素，并将其内容清空。然后，我们使用一个for循环遍历JSON数据中的每个对象，创建一个p元素，并将对象的属性值作为文本内容插入到p元素中。我们将p元素插入到div元素中，从而将数据显示在网页上。

总结一下，Ajax返回JSON数据并将其显示在网页上的过程可以分为两个步骤：发送HTTP请求并获取服务器返回的JSON数据，然后根据需要将数据展示在网页的某个元素中。使用JSON作为数据格式的好处是，它具有轻量级、易于解析和生成的特点，非常适合在Web应用程序中传输数据。