ajax()を使ってJSONP APIと連携する

最近、jqueryにはまりつつあるので、勉強の備忘録がてらブログを更新。

サンプルはこちら
使用したAPIはこちら

AJAX部分よりも、appendまわりで苦戦しました。

var ele = $("#yshpad").append($("<h2/>").html(json.ResultSet[0].Result.ModuleTitle));
for(var i=0;i<json.ResultSet.totalResultsReturned;i++){
  var e = json.ResultSet[0].Result[i];
  var l = $("<a/>").html(e.Title);
  l.attr('href', e.Url);
  ele.append($("<p/>")).append(l);
}

forよりも、eachを使って書きたかったが、
APIのレスポンスが配列型じゃなかったので
for文で書いた。あとで書き直す。

Yahoo!アフィリエイトIDの確認はこちらからできる。