Mam tablice rozwiązywania problemów i pętle, dlatego to zadanie jest dla mnie nieco mylące. Oto moje rzeczy;

JSON

{
"states": [
    { 
        "name":"johor" , 
        "command":"view_johor" }, 

    { 
        "name":"selangor" , 
        "command":"view_selangor" }, 

    { 
        "name":"melaka" , 
        "command":"view_melaka" }, 

    { 
        "name":"kuala lumpur" , 
        "command":"view_kl" }, 

    { 
        "name":"penang" , 
        "command":"view_penang" }
    ]
}

JAVASCRIPT

$(function(){

$.ajax({
    type        :   'GET',
    url         :   'scripts/list.json',
    async       :   false,
    beforeSend  :   function(){/*loading*/},
    dataType    :   'json',
    success     :   function(result){

                        $.each(result, function(index, val){
                            for(var i=0; i < val.length; i++){
                                var item = val[i];
                                console.log(item.name)
                                }
                        });         

                        },
   });
});

Moim problemem jest to, że nie wiem, jak użyć pętli, aby mój kod HTML wrócił w ten sposób:

<ul>
   <li><a href="#view_johor">Johor</a></li>
   <li><a href="#view_selangor">Selangor</a></li>
   <!-- and so on, dynamically depending on json... -->
</ul>

Mogę uzyskać dostęp do danych przezconsole.log(item.name) i takie, ale nie mogę manipulować danymi, żeby były wyświetlane tak, jak chciałam. Nie znam nawet terminu, aby użyć do wyszukiwania pytań, ponieważ wiem, że to jest jak podstawowe rzeczy z tablicy .... Z góry dziękuję za pomoc!