jQuery.getJSON()

概要

GET HTTPリクエストを使用してサーバからJSONデータを読み込む。jQuery.ajax()を使用して同じことができる。

window.jQuery.getJSON(url [,data] [,success])

jQuery.getJSON(url [,data] [,success])

window.$.getJSON(url [,data] [,success])

$.getJSON(url [,data] [,success])

url

リクエストを送信するURLを指定する。URLは同じドメインである必要がある。

data

リクエストでサーバへ送信するデータをオブジェクト又は文字列で指定する。

success

リクエストが成功した場合に実行されるコールバック関数を次の形式で指定する。

function(data [,textStatus] [,jqXHR])

XMLHttpRequest

XMLHttpRequest オブジェクトは次に示すメソッドを持つ。

• done
• fail
• always
• then

サンプル

ウェブサーバからJSONを取得する例を次に示す。

<script>
  const url = 'https://segakuin.com/javascript/jquery/example.json'
  jQuery.getJSON(url, function(data, status){
    console.log(status)
    console.log(data.isbn)
    console.log(data.title)
    console.log(data.author)
  })
</script>

JSONファイルの内容は次のようになっている。

{
  "isbn": "0241568811",
  "title": "Charlotte's Web: 70th Anniversary Edition",
  "author": "E. B. White"
}