JQuery提取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>