Email: office@yourdomain.com
Phone:: +44 20 7240 9319
back to top

Blog

워드프레스 REST API 테스트

워드프레스 REST API 테스트

워드프레스 REST API 테스트

www.test.com/wp-json/wp/v2/posts // 포스트(글) 목록
www.test.com/wp-json/wp/v2/pages // 페이지 목록
www.test.com/wp-json/wp/v2/categories // 카테고리 목록
www.test.com/wp-json/wp/v2/comments // 댓글 목록
www.test.com/wp-json/wp/v2/tags // 태그 목록
www.test.com/wp-json/wp/v2/media // 미디어 목록
www.test.com/wp-json/wp/v2/users // 사용자 목록

?per_page=100

<script type="text/javascript">

  const url = 'https://woocommerce.com/wp-json/wp/v2/posts'; // 외부 워드프레스 웹사이트 REST API URL 입력

  fetch(url)
  .then(res => res.json())
  .then(wptalk_result => {
    let output =
      '<table><thead><tr><th>순서</th><th>최신 글 목록</th><th>작성일자</th></thead><tbody>';
    for (let i in wptalk_result) {
      id = Number(i) + 1;
      output +=
        '<tr><td>' +
        id +
        '</td><td>' +
        '<a href="' + wptalk_result[i].link + '" target="_blank" rel="noopener noreferrer">' +
        wptalk_result[i].title.rendered +
        '</a>' +
        '</td><td>' +
        wptalk_result[i].date.slice(0,10) +
        '</td></tr>';
    }
    output += '</tbody></table>';
    document.getElementById('data').innerHTML = output;
  })

</script>
<div id="data"></div>

No Comments

Leave a Comment