さじろーどっとねっと
<最新Ajaxのサンプル1>

JSONP+appendChildを使ったAjaxのサンプルをご紹介します。
楽天の商品を呼び出す


Supported by 楽天ウェブサービス

ここに結果が表示されます


JavaScriptのソースコード
※事前にsajax.jsをロードしてください
// ボタンが押されると呼び出されます。
function rakuten_ajax( ){
var d=[];
d['developerId']='デベロッパーIDを取得してください';
d['operation']='ItemSearch';
d['version']='2007-10-25';
d['keyword']=document.getElementById('rakuten_keyword').value;

var sajax = new Sajax();
sajax.HttpRequest('http://api.rakuten.co.jp/rws/1.11/json', d, rakuten_onloaded);

return true;
}

// JSONP読み込み後のコールバック関数
function rakuten_onloaded( obj ){
var str = '';
for (var i = 1; i <= obj.Body.ItemSearch.hits; i++) {
var recorda = obj.Body.ItemSearch.Items.Item[(i-1)];
str +=' - '+ recorda.itemName +':'+ recorda.itemPrice +'<br />';
}
document.getElementById('rakuten').innerHTML = str;

return true;
}


ブックマークに追加する