json 데이터 저장방식

• 데이터를 저장하는 방법중 하나이다.
• 파일명
  • vsc에서는 이름뒤에 .json을 붙여라
• 문법특징
  • 이름은 반드시 "" 쌍따옴표안에 작성해야한다.

//json 데이터 문법
{
  "products": [
    {
      "id": 0,
      "product_name": "식기세척기",
      "brand_name": "세척나라",
      "photo": "pr1.jpg",
      "price": 100000
    },
    {
      "id": 1,
      "product_name": "원목 침대 프레임",
      "brand_name": "침대나라",
      "photo": "pr2.jpg",
      "price": 200000
    },
    {
      "id": 2,
      "product_name": "천연 디퓨저 세트",
      "brand_name": "향기나라",
      "photo": "pr3.jpg",
      "price": 300000
    },
    {
      "id": 3,
      "product_name": "시원한 서큘레이터",
      "brand_name": "바람나라",
      "photo": "pr4.jpg",
      "price": 400000
    }
  ]
}

• 데이터 사용하기
  • jQuery
  • url에 주소를 복붙하거나, 파일명.json 둘중 하나를 사용하면 된다.

$.ajax({
  url: "store.json"
  type: "GET"
}).done(function(e){
  $(".product-name").html(e.products[0].brand_name);
})