Ajax JSON应用程序

I'm only able to append the first image in the <li>. I tried to use prepend rather than append, and it shows the last image only.

Can someone help me please?

$.ajax({
    url:'http://localhost/PHP/events.php',
    headers:{"Content-Type": "application/json"},
    type:'POST',
    data:$(this),
    dataType:'JSON',
    error:function(jqXHR,text_status,strError){
        alert(strError);
    },
    timeout:60000,
    success:function(data){
        for(var i in data){
            $("#Images").append("<li>"+data[i]+"</li>");                    
        }   
    }
});

Into the success callback function, do this:

success:function(data){
    $.each(data, function(k, v) {
       $("#Images").append("<li>"+ v +"</li>");                    
     })  
}

$.ajax({url:'http://localhost/PHP/events.php',
headers:{"Content-Type": "application/json"},
type:'POST',
data:$(this),
dataType:'JSON',
success:function(jqXHR,text_status,strError){
    alert(strError);},
    timeout:60000,
    success:function(data){
    var html='';
        for(var i in data){
            html += '<li>' + data[i] + '</li>'

        }
    $("#Images").append(html);
    }
});  

UpDated I don't under stand why there are two success methods

$.ajax({url:'http://localhost/PHP/events.php',
    headers:{"Content-Type": "application/json"},
    type:'POST',
    data:$(this),
    dataType:'JSON',
    success:function(data){
        var html='';
        for(var i in data){
           html += '<li>' + data[i] + '</li>'
         }
        $("#Images").append(html);
        },
    });  

for(var i; i<=data.length; i++){
        $("#Images").append("<li>"+data[i]+"</li>");                    
    }

make sure about your data attribute name.