2013-04-11 2 views
0

나는 listview에서 곧 나오는 일치를 찾을 수있는 골프 app/webapp를 만들려고합니다.json으로 listview를 채우려 고 시도했습니다

내가 응용 프로그램으로 만들고 싶다면 json을 사용하여 listview를 채워야합니다. 나는이 새로운 조금 해요하지만이처럼 시도 :

내 JSON 데이터는 다음과 같습니다

:

$(document).ready(function(){ 
    $.getJSON("http://appdata.golfacross.com/TEST_matches.php",   
       function(data){ 
        var content = [] 
        $.each(data , function(i,val){ 
         content.push("<li>"); 
         content.push("<h3>" + val.season + "</h3>"); 
         content.push("<p>" + val.matchform + "</p>"); 
         content.push("</li>"); 
        }); 
        $("#mathes_list_count").html(content.join("")); 
       }); 
}); 

을 그리고 :

여기
[{"season":"OOM '09","course":null,"matchform":"Stableford"},{"season":"OOM '10","course":null,"matchform":"strokeplay"},{"season":"OOM '10","course":null,"matchform":"Stableford"}] 

내가 그걸 얻기 위해 시도하는 방법이다 나는이 권리를하고있는 중이 야 경우/모르는 어떤 도움이 apreciated입니다 -이 :

<div data-role="page" id="matches" data-theme="a"> 

     <div data-role="header" data-position="inline" data-theme="a"> 
     <h1>upcoming matches</h1> 
     </div> 

     <div data-role="content" id="matcheslist"> 

      <ul data-role='listview' id="mathes_list_count"></ul> 

     </div> 

</div> 

내가 어떤 결과를 얻을하지 않습니다 여기 내 HTML입니다. 나는 jsfiddle 프로젝트를 만들었습니다 http://jsfiddle.net/jmansa/r88t7/

+0

'$ ('# mathes_list_count'). listview ('refresh');'항목을 추가 한 후. 또한 .ready ('.on ('pageshow', function() { '로 대체하십시오. – Omar

+0

JSON 배열도'{}'로 묶어야합니다. – Omar

답변

1

원격 아약스 요청을 할 수 없습니다 :-) 사전에 도움과 감사에 대한 희망을, 당신이 필요한 것은 JSONP는 요청 URL, 같은에 콜백을 추가하는 것입니다 :

$.getJSON('http://appdata.golfacross.com/TEST_matches.php?callback=?', {data:'here'}, function(o){ 

}); 

그러나 원격 호스트는 데이터를 반환하기 위해 jsonp 호출을 받아 들여야합니다.

jsonp를 지원하지 않으면 호스트에 PHP 스크립트를 만들고 curl을 사용하여 원격 호스트에서 데이터를 가져오고 jquery에서 원격 호스트를 쿼리하는 대신 로컬 PHP 파일을 쿼리합니다. 컬 요청을 수행하고 json 객체를 반환합니다.

관련 문제