人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

yahoo画像検索APIを、AjaxのみでWebページに出力しているサンプルページを探しています。
宜しくお願します。

●質問者: yoshidaagri
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:Ajax API Web Yahoo 検索
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● y-kawaz
●35ポイント

Ajaxのみというのはサーバサイドプログラムなど無しでHTML+Javascriptのみということでしょうか?でしたら不可能だと思います。

セキュリティ上XMLHttpRequestは同一ドメインへのアクセスしか許されていないからです。

http://q.hatena.ne.jp/answer

◎質問者からの返答

なるほど、少し考えないといけませんね。


2 ● みねそうた
●35ポイント

http://tunacansoft.web.fc2.com/yahooapi/

JSONPという手法を使うとAjaxのみで実現できるようです。

しかし、YahooJAPANではその仕組みを提供していないようで、アメリカのYahooAPIを使うことになります。(要ユーザー登録)


$(function(){

 var base_url = "http://search.yahooapis.com/ImageSearchService/V1/imageSearch?";
 var appid = "your application ID";
 
 $("#get").click(function(){
var query = encodeURI( $("#query").val() ); // 検索文字列を得る

$.ajax({
url: base_url,
dataType: "jsonp",
data: {
appid: appid,
query: query,
results: 3,
output: "json"
},
success: function(data) { // データが送られてきたら表示
 for (var i = 0; i < data.ResultSet.totalResultsReturned; i++) {
var pic_url = data.ResultSet.Result[i].Url;
$("<img class='pics'/>")
.attr("src", pic_url)
.appendTo($("#wrapper"));
}
}
});

 });

});

jQueryというライブラリを使っています。

検索文字列を送ると、画像のURLが帰ってくるので、それを表示するだけです。

◎質問者からの返答

米国ならばOkなのですね。ありがとうございます。

しかし日本語のイメージ検索は出来たでしょうか?

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ