ローカルWebサーバーのJSONファイルでJSON POSTメソッドが動作しないのはなぜですか？

Question

私は最近、javascriptの学習を試みました。JSONファイルをストレージとして使用するウェブサイトを作りたいと思います。私が使用している場合

$.ajax({ 
    type: 'POST', 
    url: 'Projects/Sample/data.json', 
    data: {name: 'Billy Bob', age: 27}, 
    success: function(data) { 
    console.log("Friend added!", data); //the new item is returned with an ID 
    } 
}); 

このコードは動作します：

$.ajax({ 
    type: 'GET', 
    url: 'Projects/Sample/data.json', 
    success: function(data) { 
    console.log("I have friends!", data); 
    } 
}); 

私はこのサイトhttp://rest.learncode.academy/から学んでいるので、私もそのPOSTメソッドを使用してみました：これまでのところ私は、GETメソッドを機能させるためになっていますウェブサイトのjson http://rest.learncode.academy/api/johnbob/friends。しかし、自分のWebサーバーにあるJSONファイルを使用しようとすると、新しいデータが追加されないようです。私はWebサーバーとしてXAMPPを使用しています。

Answer 1

私はそれがこの質問への受け入れ答えを見て価値があると思う：

Deadly CORS when http://localhost is the origin

私は間違いなくlvh.meオプションをお勧めしますので、代わりに

$.ajax({ 
    type: 'GET', 
    url: 'Projects/Sample/data.json', 
    success: function(data) { 
    console.log("I have friends!", data); 
    } 
}); 

のあなたは

を持っていると思います

$.ajax({ 
    type: 'GET', 
    url: 'http://lvh.me/data.json', 
    success: function(data) { 
    console.log("I have friends!", data); 
    } 
}); 

data.jsonはベースフォルダにあります。あなたは打撃でそれにアクセスすることができますhttp://lvh.me/data.json