ajax获取json数据实例6

Ajax获取JSON数据实例6

这是一个使用Ajax获取JSON数据的实例，具体实现过程如下：

  $.ajax({
    url: 'data6.json',type: 'GET',dataType: 'json',success: function(data){
      console.log(data);
      $.each(data,function(i,item){
        $('ul').append('

'+ item.name + ' - ' + item.age + '

'); }); },error: function(){ alert('Error retrieving data!'); } });

首先，我们使用jQuery的ajax方法向服务器请求数据，指定数据的类型为JSON。如果请求成功，我们使用console.log()方法来查看数据的内容，并使用$.each()方法遍历数据并将其添加到HTML列表中。如果请求失败，我们则会弹出一个错误提示框。

这是一个简单而实用的Ajax获取JSON数据的示例。