2017-04-15 7 views
0

この問題があります。私はAngularJSで書かれた食料品リスト項目のアプリを持っています。私は、JSON形式で書かれたローカルファイルに対するAJAXリクエストを介してサーバーへの接続を示しました。私は私がすることはできません見たよう

groceryService.save = function(entry){ 

     var updatedItem = groceryService.findById(entry.id); 
     //We update the existing item 
     if(updatedItem){ 


      $http.post("data/updated_status.json", entry) 

       .success(function(data){ 

        //HERE IS PROBLEM ------------------- 
        if(data.status == 1){ 
        //END OF PROBLEM -------------------- 

        updatedItem.completed = entry.completed; 
        updatedItem.itemName = entry.itemName; 
        updatedItem.date = entry.date; 
        } 
      }) 

       .error(function(data,status){ 

      }); 
    //We creating new item 
    else{ 

    } 

[{ 
    "status": 1 
}] 

が、私はコードを書くことで、この状態の値を受信しよう:

私は例えば、私に偽のserwerステータスを返し一つのファイルを持っていますこのステータス値にアクセスすると、理由がわかりません。 Chromeブラウザではエラーコードは表示されません。 AngularJSがこのJSONデータを変更された形式で返送しなければならないことは明らかですが、私はこれを別の方法でアクセスする必要がありますが、どうすればよいでしょうか?

私はAngularJSがintからstringに値1を解析すると思っていましたが、少し試しましたが失敗しました。

私は私のサービスディレクティブでコース$ HTTPサービスの添付:

app.service("GroceryService", function($http){ 

私はXAMPPローカルサーバー上の私のファイルを実行します。

誰かが私がこの問題を解決するのを助けることができればそれは素晴らしいでしょう:-)。

ありがとうございます。

EDITED:-------------------------------------------

問題は$ http.post()AngularJSメソッドであることがわかりました。 get()メソッドでコードを切り替えると、すべてうまく動作します。

$ http.post()をトリガすると、クロムブラウザからエラー404が表示されます。

$http.post('data/ai.json', entry) 

そして、この:私のコードは次のようになり

$http.post('data/update_status.json', entry) 

渇き私はので、私はai.jsonするためにそれを変更したが、それは問題ではありませんファイル名にミスをしたと思いました。私はどこに問題があるのか​​わかりません、私はブラケットIDEを使用し、オプションのブラウザーに書かれたコードのライブプレビューがあります。これを行うためにいくつかのserwerを作成します。

私のファイルのディレクトリのスクリーンショットとchromeのエラー404のスクリーンショットも添付します。

まだこの問題を解決するのに手助けが必要です。前もって感謝します :-)。

$http.post("data/update_status.json", entry, { 
    headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'} 
    }) 

しかし、私は私のコードでそれを実装し、同じエラー404の結果を得た:

Directory of files. In data folder are all my .json files

Error 404 from Chrome when I click save button.

解決のためにインターネットでの検索時には私はこの1つを見つけました。私はいくつかの助けを望んでいます:-)。

EDITED -------------------------------------------

こんにちは

私はまだこのエラーの問題を解決しませんでした。私はtutorialspointのコーディング・グラウンドにファイルをアップロードして、サーバーの問題ではないかどうかを調べました。私が$ http.post()メソッドを呼び出すと、私はまだError 404を取得します。私は100%確実にファイルへの正しいパスを書きました。

誰でもこの問題を解決するのに役立ちますか?明らかな結論は、コーディンググラウンドのサーバーがうまく動作するため、エラーが私のコードにあることです。

ヘルプグループはありますか?あなたの代わりに以下のコードをしようとする場合がありますので、ファイル内:-)

おかげ

+0

なぜ応答の外側の配列ですか?ステータスの特徴を持つ複数のアイテムを送信する予定ですか?そうでない場合は、外側の配列を取り除く – charlietfl

+0

@charlietflこの配列に注意していただきありがとうございます。それは必要ではないことは事実です。私はすでにそれを削除しました。 –

答えて

1

構築物は、配列のように見えます。

if(data[0].status == 1) 
+0

もっと良いことに...フィックスソース構造 – charlietfl

+0

@charlietflなぜそれが動作していないのか知ることが重要だと思った...私は彼が構造を変更するだけでなく、それが配列であることを理解することを望んでいなかった: – scartag

+0

@ scartagは価値のある応答に感謝します。それは問題がどこか他の場所にあることを示しました。私はすでに私の投稿を編集しました。 $ http.post()関数が間違っていて、$ http.get()がうまく機能しています。なぜ私はこの要求をしたときに最初に私にエラー404を与えるのかわかりません。 –

関連する問題