• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 ajax 상품 더보기 버튼 만들기 2

ajax 상품 더보기 버튼 만들기 2

  • 이 주제에는 1개 답변, 2명 참여가 있으며 codingapple2 년 전에 전에 마지막으로 업데이트했습니다.
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #86434

    진의정
    참가자
    이상한 질문(?)
    코드가 돌아가기는 하는데요,
    제가 작성한 코드가 가독성이 좋은지 잘 모르겠습니다.
    let count = 0;
    $('#more').click(function(){
      count += 1;
      if(count == 1){
        $.get("https://codingapple1.github.io/js/more1.json")
        .done((data)=>{
          for(i =0; i< data.length ; i++){
            $('.row').append(
              `<div class="col-sm-4">
                < img src="https://via.placeholder.com/600" class="w-100">
                <h5>${data[i].title}</h5>
                <p>가격 : ${data[i].price} </p>
              </div>`)
            }
        })
      }
      if(count == 2){
        $.get("https://codingapple1.github.io/js/more2.json")
        .done((data)=>{
          for(i =0; i< data.length ; i++){
            $('.row').append(
              `<div class="col-sm-4">
                < img src="https://via.placeholder.com/600" class="w-100">
                <h5>${data[i].title}</h5>
                <p>가격 : ${data[i].price} </p>
              </div>`)
            }
      })
      $('#more').css('visibility','hidden');
      }
    })
    코드 최적화는 항상 생각해야겠지만 .. 선생님이 보기엔 가독성 측면에서 어떤가요?
    고민이 됩니다.
    #86470

    codingapple
    키 마스터
    more + count변수 + .json 으로 get요청하면 더 간단할듯요
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠