JQuery extract WordPress投稿

Question

私は外部WordPressページ（すなわち投稿）から特定の部分を抽出し、それを簡単なサイトに埋め込みしようとします。

私は​​で試しましたが、動作していないように見えますし、進める方法がわかりません。

Answer 1

Wordpressは投稿、コメント、ページなどにアクセスするためのREST APIを提供しています。投稿の場合はhttps://developer.wordpress.org/rest-api/reference/posts/#list-postsのエントリをご覧ください。

だから、あなたは投稿のリストを抽出するために、次のコードを使用することができます。

$.ajax({ 
    method: "GET", 
    url: "http://your.website/wp-json/wp/v2/posts/", 
    dataType: "json", 
}) 
.done(function(response){console.log(response);}) 
.fail(function(xhr, status){console.log(status);}); 

は、あなたが操作のような種類に許さCORSを持っている必要があり、覚えておいてください。 WordpressでCORSを有効にする方法についてはhttps://joshpress.net/access-control-headers-for-the-wordpress-rest-api/をご覧ください。

あなたのウェブサイトではない場合は、CORSがAJAXリクエストにどのように影響するのか、そしてhttps://stackoverflow.com/a/17299796/2678487で何ができるのかをお読みください。例えば

、あなたは私のウェブサイト上でWordpressのREST APIにアクセスするには、次のようなものを使用することができます。

$.ajax({ 
 
    method: "GET", 
 
    url: "http://cors-anywhere.herokuapp.com/blog.binaryspaceship.com/wp-json/wp/v2/posts/", 
 
    dataType: "json", 
 
}) 
 
.done(function(response){ 
 
    $('#result').html(
 
    JSON.stringify(response, null, 2) 
 
); 
 
}) 
 
.fail(function(xhr, status){alert(status);});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 

 
<pre id="result"></pre>