Ajaxとは

Asynchronous Javascript + XMLの略

非同期なjavascriptでXML

[
  {
    "apple": "りんご",
    "car": "くるま",
    "pencil": "えんぴつ"
  }
]

$.ajax({
  url: 'english.json',
  type: 'GET',
  dataType: 'json'
}).done(function(data) {
  console.log(data[0].apple); // りんご
});

これだけを見ると、$.ajax()は、URLプロパティで指定したファイルだけを取得しているように見える。

具体的には、$.ajax()の場合、jqXHRオブジェクトを取得している

$.ajax().done()では、.done()を第三引数まで指定することができます。

.done(function(data, textStatus, jqXHR) {
  console.log('success');
  console.log(data);
  console.log(textStatus);
  console.log(jqXHR);
});

先程のdata引数は、第一引数にあたります。 これは、jqXHRオブジェクトのresponseJsonプロパティ値と同じものです。

第二引数のtextStatusは、通信の結果により、success, notmodified, nocontent, error, timeout, abort, parsererrorのどれかが返ります。

では、jqXHRオブジェクトとは、なんでしょうか？