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

宜しくお願します。

回答の条件
  • URL必須
  • 1人1回まで
  • 登録:2008/07/07 15:59:56
  • 終了:2008/07/14 16:00:03

回答(2件)

id:y-kawaz No.1

y-kawaz回答回数1420ベストアンサー獲得回数2252008/07/07 17:30:49

ポイント35pt

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

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

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

id:yoshidaagri

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

2008/07/08 08:14:34
id:minesouta No.2

みねそうた回答回数23ベストアンサー獲得回数22008/07/08 01:10:49

ポイント35pt

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が帰ってくるので、それを表示するだけです。

id:yoshidaagri

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

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

2008/07/08 08:32:07
  • id:minesouta
    参考URLを書き忘れましたので追記
    http://developer.yahoo.com/search/image/V1/imageSearch.html
  • id:minesouta
    日本語でも可能ですが、YahooJAPAN(http://developer.yahoo.co.jp/search/image/V1/imageSearch.html)とは違う結果が返ってくるようです。

  • id:yoshidaagri
    返答ありがとうございます。Webページyahoo!USのイメージ検索は日本語でのイメージ検索が出来なかったので諦めかけていました。
    提供していただいたサンプルを試してみます。ありがとうございます!

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません