月曜日, 7月 26, 2010

jQueryのHTTPRequestサンプル

// xml
$(function(){
$.ajax({
url: 'dummy.xml',
success: function(data) {
$('title', data).each(function(i){
alert($(this).text())
});
}
});
});

// json
$(function(){
$.ajax({
url: 'member.json',
success: function(data) {
eval('var j = ' + data);
alert(j.a);

}
});
});

//yahoo API
$(function(){
$('#btnsend').click(function(){
var queryText = $('#query').attr('value');
$.ajax({
jsonp:'onJsonPLoad',
dataType:'jsonp',
url:'http://shopping.yahooapis.jp/ShoppingWebService/V1/json/itemSearch',
data:{appid:'ここにAPIのID',query:queryText,callback:'onJsonPLoad'}
});
});
});

function onJsonPLoad(data){
var list ='';
for(i=0;i<data.ResultSet.totalResultsReturned;i++){
list += '<li><dl><dt>'+data.ResultSet[0].Result[i].Name+'</dt><dd><img src="'+data.ResultSet[0].Result[i].Image.Medium+'"></dd></dl></li>'
}
list = '<ul>'+list+'</ul>';
$('#result').html(list);
}

0 件のコメント: