커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
2주차 실습구현
undefined주차
북마크
김*우
댓글
6
추천
0
조회수
7
조회수
7
답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.


웹개발 종합반 강의 완료 후 다른 API를 제공해주는 사이트에서 API받아와서 2주차실습처럼 구현을 했는데 웹에서 출력이 되지 않습니다


스파르타 즉문즉답





작성한 코드 및 에러 메세지

<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="UTF-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>미세먼지</title>


    <script>

      function misereload() {

        fetch(

          "https://apis.data.go.kr/B552584/ArpltnInforInqireSvc/getCtprvnRltmMesureDnsty?serviceKey=VrKPq%2FSwFEpjoAhEopGoMLx%2Fcw47d7Gs9jmxb5goz50TXGWQxQQCeuu9ayZCnP2nxiEQarV2TStEDqCNzRzeFA%3D%3D&returnType=json&numOfRows=100&pageNo=1&sidoName=%EC%84%9C%EC%9A%B8&ver=1.0"

        )

          .then((res) => res.json())

          .then((data) => {

            let rows = data["response"]["body"]["items"];

            $("#miseview").empty();

            rows.forEach((mise) => {

              // 구 이름

              let guname = mise["stationName"];

              // 구 미세

              let gumise = mise["pm10Value"];

              // 콘솔출력 확인

              console.log(guname, gumise);


              let temp_html = `<li>${guname} : ${gumise}</li>`;

              $("#miseview").append(temp_html);

            });

          });

      }

    </script>

  </head>


  <body>

    미세먼지

    <div class="misebox">

      <button onclick="misereload">최신화</button>

      <ul id="miseview">

        <li>중구:43</li>

        <li>종로:46</li>

        <li>용산구:49</li>

        <li>광진구:44</li>

      </ul>

    </div>

  </body>

</html>





취소
 공유
취소
댓글 0
댓글 알림
나의얼굴