JQuery와 JSON

Question

다음은 내가 배우고 싶은 것입니다. 내 제품 및 세부 정보 (크기, 색상, 설명)가 포함 된 JSON 파일이 있습니다. PHP와 MySQL을 사용할 수없는 웹 사이트에서는 Javascript와 HTML 만 사용할 수 있습니다. 이제는 JQuery를 사용하여 JSON 파일을 읽고 쓸 수 있습니다 (JSON 파일이 내 데이터베이스로 사용됨). JQuery와 JSON만을 사용하여이 작업을 수행 할 수 있는지 확실하지 않습니다.

1. 먼저 JSON 파일을 쿼리하는 방법은 무엇입니까? (예 : 제품의 이름과 색상을 검색합니다.)

2. HTML로 검색된 JSON 데이터를 구문 분석하는 방법은 무엇입니까?

3. 제품을 JSON 파일에 추가하는 방법은 무엇입니까?

당신이 내 질문에 대한 튜토리얼 좋은 날 지점 수 있다면이 또한 훌륭한 될 것입니다.

저는 JQuery와 JSON을 처음 접했습니다.

감사합니다.

Answer 1

자바 스크립트는 클라이언트 측이므로 Javascript 만 사용하여 서버의 JSON 파일에 쓸 수 없습니다. 이를 위해서는 서버 측 코드가 필요합니다.

JSON 파일을 읽고 구문 분석하는 것은 문제가되지 않습니다. jQuery.getJSON 기능을 사용합니다. url과 콜백 매개 변수를 모두 제공합니다 (데이터를 필요로하지 않습니다. 파일을 읽으므로 데이터를 보낼 필요가 없습니다). url은 JSON 파일의 경로이며 콜백은 데이터를 사용하는 함수입니다.

다음은 코드의 예입니다. 나는 당신의 JSON은 정확히 모르겠지만, 당신은 자세한 내용은 "이름"과 "가격"과 개체의 집합을 포함하는 "제품"이라는 설정이있는 경우,이 코드들을 인쇄 할 것이다 :

$.getJSON("getProductJSON.htm", 
    function(data) { 
     $.each(data.products, function(i, item) { 
      var name = item.name; 
      var price = item.price; 
      // now display the name and price on the page here! 
     }); 
    }, 
); 

기본적으로 $ .getJSON의 데이터 변수는 JSON의 전체 내용을 매우 쉽게 사용할 수 있도록합니다. $ .each는 JSON 객체 집합을 반복하는 데 사용됩니다.