2월 4일(2)

오늘 배운 것

  • OpenAPI 사용해보기

OpenAPI를 제공하는 사이트에가서 인증키를 발급받아야 사용가능

  <body>
    <header>
      <h1>jQuery AJAX</h1>
    </header>
    <div id="container">
      <div id="results"></div>
    </div>
    <script>
      var url = 'http://apis.data.go.kr/1262000/CountryCovid19SafetyServiceNew/getCountrySafetyNewsListNew'; /*URL*/
      var queryParams =
        '?' +
        encodeURIComponent('serviceKey') +
        '=' +
        '발급받은 인증키'; /*인증키*/
      queryParams += '&' + encodeURIComponent('returnType') + '=' + encodeURIComponent('JSON'); /*데이터타입*/
      queryParams += '&' + encodeURIComponent('numOfRows') + '=' + encodeURIComponent('10'); /*페이지당 데이터수*/
      queryParams += '&' + encodeURIComponent('pageNo') + '=' + encodeURIComponent('1'); /*페이지 넘버*/
      // queryParams += '&' + encodeURIComponent('cond[country_nm::EQ]') + '=' + encodeURIComponent('가나'); /**/
      // queryParams += '&' + encodeURIComponent('cond[country_iso_alp2::EQ]') + '=' + encodeURIComponent('GH'); /**/
      $.ajax({
        method: 'GET',
        url: url + queryParams,
        contentType: 'application/x-www-form-urlencoded',
        dataType: 'json',
      }).done(function (response) {
        // 요청 성공 시 결과 data
        console.log(response.data);
        const data = response.data; // 배열 데이터만 입력
        $.each(data, function (i, item) {
          if (item.wrt_dt > '2022-00-00') { // 2022년 이후 데이터만 출력
            $('#results').append(`<p>${item.wrt_dt}</p>${item.title}${item.html_origin_cn}`); // 변수를 사용하기위해 백틱사용
          }
        });
      });
    </script>
  </body>

공공데이터

좋은 웹페이지 즐겨찾기