ajaxのループ配列はどのようにします

Question

私はajaxを使ってデータを表示しようとしましたが、それは完璧でした。長年のデータに基づいてループを作成する方法に問題がありますか？

year | name | 
___________________ 
2011 | John  | 
2012 | Smith  | 
2012 | Billy  | 
2011 | Charles | 
2013 | Kitty  | 
2010 | Micheal | 
2011 | jason  | 

Ajaxのデータ

<a href="#" onclick="show_year();"> Get </a> 


function show_year() { 
    $.ajax({ 
     url : "<?php echo site_url('my_function/get_year')?>" , 
     type: "GET", 
     dataType: "JSON", 
     success: function(data) 
     { 
      $('#year').val(data.year); 
      $('#name').val(data.name); 
     }, 
     error: function (jqXHR, errorThrown) 
     { 
      alert('Error ajax'); 
     }  
    });   
} 

例の結果

2011 
    John 
    Charles 
    Jason 
2012 
    Smith 
    Billy 
2013 
    Kitty 

Answer 1

<a href="#" onclick="show_year();"> Get </a> 
<div id="responseHtml"></div> 
<script type="text/javascript"> 
    function show_year() { 
     $.ajax({ 
      url : "<?php echo site_url('my_function/get_year')?>" , 
      type: "GET", 
      dataType: "JSON", 
      success: function(data) 
      { 
       var sortArr = data.sort(function(x, y){ 
        return x.year - y.year; 
       }); 
       var cstYear = ''; 
       var ResultHtml = ''; 
       sortArr.foreach(function(row,index){ 
        if(cstYear !== row.year){ 
         cstYear == row.year; 
         ResultHtml = '<h4>'+row.year+'</h4>'; 
        } 
        ResultHtml = '<h6 style="margin-left:30px">'+row.name+'</h4>'; 
       }); 
       $("#responseHtml").html(ResultHtml); 
      }, 
      error: function (jqXHR, errorThrown) 
      { 
       alert('Error ajax'); 
      }  
     });   
    } 
</script>