如何循环数组的ajax [重复]

Question

This question already has answers here:

                </div>
            </div>
                    <div class="grid--cell mb0 mt4">
                        <a href="/questions/14446511/most-efficient-method-to-groupby-on-an-array-of-objects" dir="ltr">Most efficient method to groupby on an array of objects</a>
                            <span class="question-originals-answer-count">
                                (42 answers)
                            </span>
                    </div>
            <div class="grid--cell mb0 mt8">Closed <span title="2017-01-19 09:15:49Z" class="relativetime">3 years ago</span>.</div>
        </div>
    </aside>

I tried to display data using ajax, and it went perfectly. but I have problems how to create a looping based on years of my data?

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

Ajax data

<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');
        }       
    });         
}

Example result

2011
    John
    Charles
    Jason
2012
    Smith
    Billy
2013
    Kitty

</div>

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>