ajax调用 json

AJAX调用JSON是一种用于从服务器获取数据的前端技术。通过AJAX调用，可以在不刷新整个页面的情况下向服务器发送请求并获取响应。JSON是一种轻量级的数据交换格式，通常用于前后端之间的数据传递。

  $.ajax({
    url: '/api/data',method: 'GET',dataType: 'json',success: function(data) {
      console.log(data);
    },error: function(err) {
      console.error(err);
    }
  });

在上面的代码中，我们使用jQuery的$.ajax方法来向服务器发送GET请求。url参数指定了服务器响应请求的地址，method参数指定了HTTP请求的方法，dataType参数指定了响应的数据类型是JSON格式。如果请求成功，则调用success回调函数，并将响应数据作为参数传递给它。如果请求失败，则调用error回调函数，并将错误信息作为参数传递给它。

在成功的回调函数中，我们可以使用获取到的数据进行后续的处理。例如，我们可以将数据渲染到页面上：

  $.ajax({
    url: '/api/data',success: function(data) {
      // 将获取到的数据渲染到页面上
      var html = '';
      data.forEach(function(item) {
        html += '<li>' + item.name + '</li>';
      });
      $('#list').html(html);
    },error: function(err) {
      console.error(err);
    }
  });

在上面的代码中，我们将获取到的数据遍历，生成一个包含所有数据项名称的HTML列表，并通过jQuery的html方法将其插入到页面中的id为list的元素中。