2015-04-28 118 views
0

我希望能夠從位於鏈接中的wordpress博客中檢索前10名最新發布的文章:https://thisismyblog.wordpress.com/。我的應用程序在後端/服務器端使用Spring MVC,AngularJS作爲前端技術。使用Spring MVC或AngularJS從wordpress博客獲取最新10篇文章

我的問題是:有沒有辦法通過使用Spring或AngularJS檢索這些最新的帖子?我試過這裏提供的示例:http://www.fldtrace.com/display-latest-post-outside-of-wordpress-with-json-and-jquery,用我的博客鏈接替換示例中的鏈接,但它不起作用,因爲應用程序試圖檢索帖子時收到404 Not Found錯誤。我周圍環顧了一下,有些人建議使用WordPress提供的RSS feed,但我不確定我應該在哪個方向尋找,因爲我對博客和鏈接博客與外部應用程序相當陌生。

任何幫助,非常感謝。我不僅限於AngularJS,但我更喜歡Angular或JavaScript/jQuery/JSON中的解決方案。

謝謝!

+0

你確定你已經安裝了[json api](https://wordpress.org/plugins/json-api/)插件到你的wordpress實例嗎? –

+0

嗯,目前沒有。如果我可以爲我的博客做到這一點,我有點困難。我沒有自己的域名,我現在直接在wordpress上託管它。我會仔細看看的。 – SSJVegito

回答

0

我設法找到一個解決方案的基礎上,你可以在此看到小提琴代碼:http://jsfiddle.net/mahbub/b8Wcz/

基本上,我這樣定義我AngularJS服務以下內容的方法,然後我調用它的我AngularJS控制器:

AngularJS

angular.module('blog-module').factory('blogService', function($http) { 

return { 
    parseFeed : function(){ 
     return $http.jsonp('//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=50&callback=JSON_CALLBACK&q=' + encodeURIComponent('https://thisismyblog.wordpress.com/feed/')); 
    } 
} 

}); 

在你的控制,你會再有這樣的事情:

blogService.parseFeed().then(function (feeds) { 
     $scope.feeds = feeds.data.responseData.feed.entries; 
}); 

這解決了我的問題。

相關問題