AJAXとJSONがjQueryと連携していない

Question

AJAXとJSONを使い始めたばかりで、非常にイライラしています。 JSONファイルを実装しようとしていて、関数内に「OK」を記録して成功しているかどうかを確認しています。ここで

$(function() { 
    var dat; 
    $.ajax({ 
    type: 'GET', 
    url: "API.json", 
    success: function(data) { 
     console.log("OK"); 
     $.each(data, function(i, data) { 
     console.log("OK"); 
     }) 
    } 
    }) 
}) 

AJAXファイルされる：ここでは、コードがある

それは関数の先頭にも、各ループ内のいずれか、何をログに記録することはありませんしかし

[{ 
    id: 1, 
    name: 'James', 
    drink: 'Coffee' 
}, { 
    id: 2, 
    name: 'John', 
    drink: 'Latte' 
},] 

。何か案は？

Answer 1

次のようなものにJSONファイル内のデータの形式を変更しようとすると、今試すことができ、

[{ 
    "id": 1, 
    "name": "James", 
    "drink": "Coffee" 
}, { 
    "id": 2, 
    "name": "John", 
    "drink": "Latte" 
}] 

$('#btn').click(function() { 
    $.getJSON('path/API.json', function(data) { 
     console.log(data); 
    }); 
}); 

Answer 2

ファイルシステムを使用している場合、HTMLファイルがあるフォルダにあり、そのようなファイル（file：/// E：/SmapleDemo/Sample.html）から直接アクセスしようとした場合、作業。

クロスオリジンエラーが発生します。

IISのようなWebサーバーでアプリケーションをセットアップし、そこからアクセスしてみてください。それは動作するはずです。

Answer 3

Webサービス呼び出しクライアントを作成する際には、データ型とコンテンツタイプのヘッダーが必要です。あなたは、データ型およびコンテンツタイプを言及していない、あなたのコード内

$(function() { 
    $('#btnGetData').click(function() { 
     $.ajax({ 
      type: 'POST', 
      url: 'URL', 
      dataType: 'json', 
      contentType: 'application/json; charset=utf-8', 
      success: function(response) { 
       $('#data').html(JSON.stringify(response)); 
      }, 
      error: function(error) { 
       console.log(error); 
      } 
     }); 
    }); 
}); 

： あなたは、コードの下に参照することができます。これを追加してみるとうまくいきます。それでもエラーがある場合は、ブラウザを使用してそのWebサービスにアクセスし、正しいデータに応答しているかどうかを確認してください。