仅按键值显示JSon

Question

I got stuck to rendered JSON data by an id, already browse over the several articles but not working.

I had ajax call:

$.ajax({
    url: '../../../get/api/city.json',
    dataType: 'json',
})
.done(function(data){
    console.log(data);
    var HTML = ''; 
        $.each(data.city, function(i,city){
        HTML += '<span>'+city.city_name+'</span>'; });

       $('#title').append(HTML);
    })
.fail(function(){
    alert('failed');
});

And the json output is:

{"city":[
{"id":"4","year":"2014","city_name":"City A"},
{"id":"5","year":"2014","city_name":"City B"},
{"id":"6","year":"2014","city_name":"City C"}]}

My situation I created a html page to render the information for City A, what I want is to filter the above JSON data only rendered the information from city A.

Big thanks for any help from you guys. Thanks

Answer 1

You could add a filter to your $.each to check if the city id is the one you want.

$.each(data.city, function (i, city) {
    if (city.id === 4)
        HTML += '<span>' + city.city_name + '</span>'; 
});