2014-03-30 2 views
0

그래서 저는 JSON에 대해 처음에는 새로운 것이므로 파일을 제대로 이해하고 있습니다. JSON 파일을 사용하여 JSON 파일의 데이터 형식으로 웹 페이지를 채우려고 시도하고 있습니다. 한 페이지에 많은 정보를 채워 넣기까지 관리하고 있습니다. 그러나 나는 고생하고있다 : 페이지를 채우기 위해 다른 정보를 얻는다 b : 동시에 모든 데이터를 표시한다. 여기 Jquery.getJSON이 표시 할 데이터를 모두 가져올 수 없습니다.

는해서 getJSON 함수입니다 : 내가 아는

$(document).ready(function() { 
    $.getJSON('js/jobs.json', function (result) { 
     result.jobs.map(function (v) { 
      $('#title').html(v.title); 
      $('#info1').html(v.path +' '+ v.type + ' ' + v.location + ' ' + v.closingDate + ' ' + v.skills); 
      $('#info2').html(v.salary.lower +' '+ v.salary.upper + ' '+ v.employer.name + ' ' + v.employer.href + ' ' + v.employer.logo); 

     }); 
    }); 
}); 

아마 상당히 조잡하게 수행하지만, 그 해결됩니다. 여기

그리고

는 내가 모든 표시가 (제목 "프런트 엔드 개발자"로) 데이터의 마지막 배열을 표시하고지고있어 출력하지만, 내가 고민하고있는 JSON 파일

{ 
    "jobs": [ 
     { 
      "title": "Graduate IT Development Programme #1", 
      "path": "/path/to/job", 
      "type": "Graduate job", 
      "location": [ 
       "North West", 
       "North East" 
      ], 
      "closingDate": "20/05/2014", 
      "continuous": false, 
      "skills": [ 
       "HTML", 
       "CSS", 
       "JavaScript", 
       "Java", 
       "CI", 
       "Testing" 
      ], 
      "contract": "Permanent", 
      "salary": { 
       "lower": 14501, 
       "upper": 17000, 
       "currency": "£" 
      }, 
      "employer": { 
       "name": "Mercer", 
       "href": "/path/to/employer", 
       "logo": "img/mercer-logo.png" 
      } 
     }, 
     { 
      "title": "Web Developer", 
      "path": "/path/to/job", 
      "type": "Graduate job", 
      "location": ["Greater London"], 
      "continuous": true, 
      "skills": [ 
       "HTML", 
       "CSS", 
       "JavaScript" 
      ], 
      "salary": { 
       "lower": 16000, 
       "upper": 21000, 
       "currency": "€" 
      }, 
      "employer": { 
       "name": "FDM plc", 
       "href": "/path/to/employer", 
       "logo": "img/fdm-logo.png" 
      } 
     }, 
     { 
      "title": "Front-end Web Developer", 
      "path": "/path/to/job", 
      "type": "Graduate scheme", 
      "location": ["Greater London"], 
      "closingDate": "20/04/2014", 
      "continuous": false, 
      "skills": [ 
       "HTML", 
       "CSS", 
       "Java", 
       "Testing" 
      ], 
      "salary": { 
       "lower": 17001, 
       "upper": 19500, 
       "currency": "£" 
      }, 
      "employer": { 
       "name": "British Airways plc", 
       "href": "/path/to/employer", 
       "logo": "img/british-airways-logo.png" 
      } 
     } 
    ] 
} 

입니다 다른 데이터 배열을 표시하려면 별도의 함수를 작성하고 꽤 많은 코딩을 수행하고 아직 작동하지 않습니다.

답변

0

.html()은 현재 콘텐츠를 대체합니다. 대신 .append()을 사용하십시오.

관련 문제