2017-12-16 8 views
0

次のjquery ajax関数で次のデータにアクセスしようとしています。jsonデータにアクセスしようとしましたが、crossorigin要求エラーが発生しました

$.ajax({ 
type: 'GET', 
url: '/data/hipstercoffee', 
success: function(data) { 
    console.log('success', data); 
} 

}); 

私がこの機能を実行すると、ファイルをロードできません。私が得ているエラーは、 "ファイルを読み込めず、原点を越えた​​要求がサポートされているだけです....." jsonデータは次のようにフォーマットされています。

[ 
{ 
"shopName": "The Coffee Connection", 
"address": "123 Lakeside Way", 
"phone": "16503600708", 
"prices": [ 
    { 
    "Cafe Latte": 4.75, 
    "Flat White": 4.75, 
    "Cappucino": 3.85, 
    "Single Espresso": 2.05, 
    "Double Espresso": 3.75, 
    "Americano": 3.75, 
    "Cortado": 4.55, 
    "Tea": 3.65, 
    "Choc Mudcake": 6.40, 
    "Choc Mousse": 8.20, 
    "Affogato": 14.80, 
    "Tiramisu": 11.40, 
    "Blueberry Muffin": 4.05, 
    "Chocolate Chip Muffin": 4.05, 
    "Muffin Of The Day": 4.55 
    } 
] 
} 
] 

この機能は、このような形式のjsonファイルでも機能しますか?

+0

クロスオリジンとは、投稿したJSによれば、データが存在する同じサーバーからの要求ではないことを意味します。本当にそうでない場合は、サーバーがそれを受け入れるように構成することができます(ルックアップCORS)が、何らかの作業が必要な場合があります。そうであれば、あなたのコードはあなたにそのようなエラーを与える理由を何も示しません。 – delCano

答えて

0

私はそれを把握することができました。私はMAMPサーバーを実行していたはずです。さらに、URLが正しくありません。

url: '/data/hipstercoffee.json', 
関連する問題