データの取得$ http.post

Question

こんにちは、私は（getメソッドを5N働いている）POSTメソッドを使用して、私のJSONファイルからデータコードに関する

'use strict'; 
angular.module('myapp').controller('lastWeekWinners',function($http){ 
    var vm= this; 
    $http.post('http://localhost:9000/json/sample.json').then(function(data){ 
     vm.winnerData=data.data.data; 
    },function(error){ 
     console.log(error); 
    }); 
}); 

エラー

を与えるであるを取得したいです手段は、我々はデータのすべての

Answer 1

まず、GET/POSTの違いを取得するにはPOSTメソッドを使用することはできません

：

GETはデータの取得に使用され、POSTはデータの保存（および場合によっては更新）に使用されます。だから、もしあなたが単にjsonを手に入れたいなら、GETを使ってください。

あなたがここにある特定の問題に関しては、注意深く見ると404コードが得られます。それはルートが見つからなかったことを意味します。 （のHTTPステータスコードについて詳しく読むことができます）

あなたが使用しているサーバーはわかりませんが、 ）DELETE、あなたがルートを持っている場合のように定義された：/

GET /ユーザー

あなたは404を買ってあげると同じルートを投稿しようとした場合にのみ、GETリクエストのために動作しますPOST動詞には同じルートを定義する必要があります。

あなたはここでHTTP動詞についての詳細を読むことができます：

'use strict'; 
angular.module('myapp').controller('lastWeekWinners', controller){ 

function controller($scope,fetch){ 
    var vm= this; 
    vm.show = show; 
} 
function show() { 

     return fetch.show() 
     .then(function successCallback(data){   

      vm.winnerData = data; 
     } 
     }, function errorCallback (response) { 
      console.log(response.statusText); 
     }); 
    } 

}); 

とあなたのサービスで：

angular 
    .module('service',[]) 
    .service('fetch', Service); 
function Service($http) { 
    var fetch = {  
     show : show 
    } 
    return fetch; 
    function show() { 
     return $http.get('http://localhost:9000/json/sample.json') 
     .then(getShowComplete) 
     .catch(getShowFailed); 

     function getShowComplete(response){ 
      return response.data; 
     } 
     function getShowFailed(error){ 
      console.log("Error:" + error); 
     } 
    } 

Answer 2

これは、uはあなたのコントローラでPOSTメソッドを使用する方法であります$http.postを実行するには、バックエンドAPI（PHP、Node Jsなど）が必要です。システムは、希望する投稿データをキャッチし、dbまたはJSON（読み取り/書き込みメソッド）に保存します。 静的なJSONデータは読み取り専用です。書き込みできません。

ブラウザ$window.localStorageを使用してデータを保存します。

Answer 3

http://www.restapitutorial.com/lessons/httpmethods.html