WP REST APIとjQueryでサイト内のページを呼び出す

コード

<div>
    <script type="text/javascript">
      jQuery(function() {
          jQuery.getJSON( "https://haradaweb.com/web/wp-json/wp/v2/posts?per_page=100", function(result) {
              jQuery.each(result, function(i, item) {
                 jQuery("ul.post-list").append("<li>" + item.title.rendered + "</li>");
              });
          });
      });
    </script>
</div>
<h2>サイト内記事</h2>
<ul class="post-list"></ul>

コードの説明

jQuery.getJSON

はJavaScriptのjQuery.getメソッドをjson形式に限定したメソッドです。
jQuery.getメソッド はデータを読み込む働きがあります。

"https://haradaweb.com/web/wp-json/wp/v2/posts?per_page=100"

https://haradaweb.com/web/はデータを取得する先のURL、今回の場合はこのサイトです。

サイト内記事