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

home2 게시판 JavaScript, TS 게시판 ajax2 상품 더보기 버튼 응용 질문입니다.

ajax2 상품 더보기 버튼 응용 질문입니다.

3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 글쓴이
  • #48212

    김철진
    참가자
    7, 8, 9번 항목까지 추가 후 버튼 숨기기까지
    완료된 상태에서 반복문을 함수로 축약을 하는 코드를 작성 해보았습니다.
    
    <script>
       function 반복(){
          data.forEach((data, i) => {
            var list = `<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>`;
              $('.row').append(list);
            });
        }
        var count = 0;
        $('#more').click(function(){
          if(count == 0){
            $.get('https://codingapple1.github.io/js/more1.json') // ajax get요청
          .done((data) => {
          반복();
            count++;
          });
          }
          else if(count == 1){
            $.get('https://codingapple1.github.io/js/more2.json') // ajax get요청
        .done((data) => {
          반복();
            $('.btn').hide();
        });
        count++;
        };
      });
      </script>
    일단 보이는대로 썼는데 버튼을 눌러도 작동을 안해서 힌트를 얻고 싶습니다!
    제가 아직 함수 파라미터 문법이 조금 부족한 것 같습니다..
    #48245

    codingapple
    키 마스터
    함수안에 data라는 변수 정의하는 부분이 없어보입니다
    data를 파라미터같은걸로 입력할 수 있게 바꿔봅시다
    #48264

    김철진
    참가자
    해결했습니다 ㅎㅎㅎ 감사합니다!!
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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