Ajax/API/jQuery
jQuery.getJSON( url, data, callback )
HTTP(GET)通信でJSON形式のデータを読み込む。
jQuery1.2では、JSONPのコールバック関数を指定すれば、別のドメインにあるJSON形式のデータを読み込む事が可能になった。(書式："myurl?callback=?")jQueryは？を呼び出したい関数名に置換し、それを実行する。
【注意】この関数以下のコードは、コールバック関数が呼ばれる前に実行される。
jQuery1.2では、JSONPのコールバック関数を指定すれば、別のドメインにあるJSON形式のデータを読み込む事が可能になった。(書式："myurl?callback=?")jQueryは？を呼び出したい関数名に置換し、それを実行する。
【注意】この関数以下のコードは、コールバック関数が呼ばれる前に実行される。
- url
- String読み込むページのURL
- data
- Mapキーと値の組み合わせ
- callback
- Function通信成功時のコールバック関数。
引数
戻り値
XMLHttpRequest
XMLHttpRequestオブジェクト
サンプル
サンプル1
test.jsからJSON形式のデータを読み込み、そのデータの中のnameにアクセスする
$.getJSON("test.js", function(json){
alert("JSON Data: " + json.users[3].name);
});
幾つかのデータを渡しながら、test.jsからJSON形式のデータを読み込み、そのデータの中のnameにアクセスする
$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
alert("JSON Data: " + json.users[3].name);
}); } );
pages.phpを読み込み、HTMLとして埋め込む。
var id=$("#id").attr("value");
$.getJSON("pages.php",{id:id},dates);
function dates(datos)
{
$("#list").html("Name:"+datos[1].name+"<br>"+"Last Name:"+datos[1].lastname+"<br>"+"Address:"+datos[1].address);
}
[全コードを表示]
[実行結果を単体で表示]