jquery - jQuery Ajax GET JSON

Question

私はこのコードを持っています:

$.ajax({
url: '/piece.json',
type: "GET",
dataType: "json",
success: function (data) {
    alert(data);
}
});

「/piece.json」と入力すると、ブラウザで必要なものが表示されます。しかし、Javascriptを使用して警告することはできません! なぜこれが起こるのですか？

解決済み、これを使用する必要がありました：

complete: function (data_response) {

    alert(data_response.responseText);
},

score 6 · Accepted Answer

piece.json有効な JSON が返されない可能性があるため、jQuery はそれを破棄します。に変更dataType: "json"して、出力が表示さdataType: "html"れるかどうかを確認してください。alert(data)アラートにデータが表示される場合は、json オブジェクトに構文エラーがあります。

score 6 · Accepted Answer

これは私のために働いた：

$.getJSON( "example.json", function(data) {
   console.log( "success" );
}).done(function() {
   console.log( "second success" );
})
.fail(function() {
  console.log( "error" );
})
.always(function() {
   console.log( "complete" );
});

example.json を、json ファイルの URL またはパスに置き換えます。$.getJSON と $get の使用に注意してください。ここに私の参照があります: http://api.jquery.com/jquery.getjson/

score 2 · Accepted Answer

completeの代わりにコールバックを使用してみてくださいsuccess。理由はsuccessわかりませんが、すべてのデータと応答が正しい場合でも、コールバックは発生しません。ある種のバグのように見えます

score 2 · Accepted Answer

おそらく、の有効なルートがありません/piece.json。ブラウザーで開発者ツールを使用し、Rails アプリからログに記録して、XHR 要求で何が起こっているかを確認します。

(ブラウザで http 応答を見てください。)

より簡単に使用できることに注意してください。

$.get('/piece.json',function(data){
  // data is a JS object parsed from a JSON response
},'json');

score 2 · Accepted Answer

データ型を JSONP に変更してみてください。通常、Same Origin Policy を克服するためですが、あなたの場合はうまくいくかもしれません。

$.ajax({
    url: '/piece.json',
    type: "GET",
    dataType: "jsonp",
    success: function (data) {
        alert(data);
    }
});

score 1 · Accepted Answer

これを追加して、何が返されるかを確認します

error: function (error) {
    alert(JSON.stringify(error));
}

jquery - jQuery Ajax GET JSON

6 に答える 6

Related

Reference