목록보기에서 json 데이터를 표시하는 방법은 무엇입니까?

Question

json 호출을 사용하여 PHP 페이지에서 데이터를 검색하고 jquery mobile을 사용하여 listview에 데이터를 표시하려고합니다. 내가 데이터를 retrive 수 있으며 또한 목록에 표시 할 수 있지만 문제는 내가 직면 오전 : 내 데이터 lokks이 같은 PHP 파일 : ([ "ID": "1", "이름": "빅 벤드 ","위도 ":"51.500600000000 ","경도 ":"- 0.124610000000 "}, {"id ":"4 ","name ":"하드리아누스의 담벼락 ","위도 ":"55.024453000000 " : "2.142310000000"}, { "id": "2", "name": "스톤 헨지", "위도": "51.178850000000", "경도": "- 1.826446000000"}, { "id": "3" "이름": "도버의 흰색 절벽", "위도": "51.132020000000", "경도": "1.334070000000"}]);

목록에 표시 할 때 목록의 한 행에만 표시됩니다. "id"와 관련하여 어떻게 데이터를 별도의 행에 표시 할 수 있습니까? 당신이이 경우에 당신이 당신의 <ul data-role=listview>에 .append 방법을 사용하는 것, 아마도 당신이 목록보기에 <li> 요소를 추가 할 것, jQuery를 모바일을 사용하고 언급 한 이후

Answer 1

var i; 

for(i = 0; i < data.length; i+=1) { 
    // do whatever here, the id is in data[i].id 
    console.log(data[i].id); 
} 

.

편집 :

$.each(data, function(i, item) { 
    $('ul').append('<li><h1>' + item.name + '</h1><p>' + item.latitude + '<br>' + item.longitude + '</p></li>'); 
}); 

을 그리고 HTML 코드에서 <li><a id="output"> </a></li>을 제거 :는 귀하의 의견에 따라,이에 각 기능을 변경합니다.

페이지에 두 개 이상의 <ul> 요소가있는 경우 작동하지 않으므로 올바른 <ul> 요소에 id을 설정하는 것이 좋습니다.

Answer 2

$(document).ready(function(){ 
$(document).bind('deviceready', function(){ 
    //Phonegap ready 
    onDeviceReady(); 
}); 

var output = $('#output'); 

$.ajax({ 
    url: 'http://samcroft.co.uk/demos/updated-load-data-into-phonegap/landmarks.php', 
    dataType: 'jsonp', 
    jsonp: 'jsoncallback', 
    timeout: 5000, 
    success: function(data, status){ 
     $.each(data, function(i,item){ 
      var landmark = '<h1>'+item.name+'</h1>' 
      + '<p>'+item.latitude+'<br>' 
      + item.longitude+'</p>'; 

      output.append(landmark); 
     }); 
    }, 
    error: function(){ 
     output.text('There was an error loading the data.'); 
    } 
}); 

});