ajax 读取json格式数据格式

AJAX（Asynchronous JavaScript and XML）是一种基于JavaScript和XML的前端技术，可以实现异步数据传输、动态页面更新等功能。其中读取JSON格式数据是AJAX中常见的应用场景。

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，和XML类似，可以用来表示复杂的数据结构。在AJAX中，通过发送HTTP请求获取JSON数据，再用JavaScript解析JSON数据，将数据渲染到页面上。

$.ajax({
  url: 'data.json',type: 'GET',dataType: 'json',success: function(data) {
    // 成功获取JSON数据后执行的代码
    // data是解析后的JSON格式数据
  },error: function(xhr,status,error) {
    // 获取JSON数据失败后执行的代码
  }
});

上面的代码中，通过jQuery库封装的$.ajax方法发送了一个GET请求，请求url为data.json，dataType为json。success回调函数在请求成功时执行，将解析后的JSON数据存储在变量data中。error回调函数在请求失败时执行。

读取JSON数据后可以对数据进行处理，例如渲染到HTML页面上：

$.ajax({
  url: 'data.json',success: function(data) {
    var html = '';
    $.each(data,function(index,item) {
      html += '<li>' + item.name + ' - ' + item.age + '</li>';
    });
    $('#list').html(html);
  }
});

上面的代码将JSON数据中的每一个对象渲染成一个li元素，最后将所有li元素拼接成一个字符串，再通过jQuery的html()方法将字符串插入到id为list的元素中。

总结来说，AJAX读取JSON格式数据可以借助jQuery库中的$.ajax方法发送HTTP请求，处理JSON数据可以使用JavaScript的JSON对象解析和操作，最终将数据渲染到页面上，实现动态效果。