2012-06-07 5 views
8

안녕하세요, jQuery를 사용하여 JSON 파일에서 데이터를 읽으려고합니다. 이것은 내 JS입니다 :jQuery로 JSON 파일 읽기

$(document).ready(function() { 
    var myItems; 

    $.getJSON('testData.json', function(data) { 
     myItems = data.items; 
     console.log(myItems); 
    }); 
}); 

그리고는 JSON 파일이다 : 나는 브라우저 내 HTML 페이지를 열 때

{"fname":"rafael","lname":"marques","age":"19"} 
{"fname":"daniel","lname":"marques","age":"19"} 

내가 콘솔에서 아무것도 볼 수 없습니다.

+2

I를 위해 시도해야

{ items: [ { "fname": "rafael", "lname": "marques", "age": "19"}, { "fname": "daniel", "lname": "marques", "age": "19" }] } 

같이 있도록 JSON 파일의 특성 items을 가진 객체로 동봉 표시 할 내용을 설정하지 마십시오. 그러나'console.log'가 있기 때문에 개발자 콘솔을 열어 결과를 볼 수 있습니다. – nhahtdh

+0

JSON은 두 개가 아닌 단일 개체를 포함해야합니다. [JSONlint 사용] (http://jsonlint.org/)에서 유효성을 검사합니다. – Blazemonger

+0

어쩌면 콘솔을여시겠습니까? F12 키를 누릅니다. – chepe263

답변

13

각 개체 후 쉼표를 추가, []으로 다음 포장하고 다음

$.each(data.items, function(key, val) { 
    alert(val.fname); 
    alert(val.lname); 
}) 
2
{"fname":"rafael","lname":"marques","age":"19"} 
{"fname":"daniel","lname":"marques","age":"19"} 

올바른 json 파일이 아닙니다. 줄 사이에 쉼표를 추가하거나 다음과 같이 지정하십시오.

{items:[ 
    {"fname":"rafael","lname":"marques","age":"19"}, 
    {"fname":"daniel","lname":"marques","age":"19"} 
]} 

귀하의 명백한 요구 사항을 준수하십시오.

그러나 오류를보기 위해 콘솔을 열면이 문제가 해결되었을 것입니다.