Yahoo apiをJavascriptで作成

質問

Yahoo apiの以下のＵＲＬはPHPで作成されています。（サンプルコード集より）

http://cgi.geocities.jp/ydevnet/sample/shopping/sample8/ContentMatc...

このapiをJavascriptで作成することは可能でしょうか？

可能であれば、以下のＵＲＬのmooraku.js を改良して作成してみたいと思っています。

http://common1.biz/material/javascript/21/

もし可能であれば、

１、画像
２、価格
３、商品名
４、商品説明

の４要素をJavascriptで表示させるには、どうすればよいのでしょうか？

具体的に改良方法をご教示いただければと思います。

大変申し訳ございませんが、お詳しい方、よろしくお願い致します。

ｍ（＿ ＿）ｍ

回答No.1

神崎 渉瑠（@taloo） · ベストアンサー

http://developer.yahoo.co.jp/webapi/shopping/shopping/v1/itemsearch.html
Yahoo!ショッピングの検索結果はJSONPで提供されていますので、４要素の表示は可能です。

http://developer.yahoo.co.jp/sitemap/
他のAPIはRESTなので、クロスドメインをサポートするXHR（XHR2）でなければ、
同一ドメイン内に設置したCGIアプリを経由しないと無理ですね。

>具体的に改良方法をご教示いただければと思います。
一言で言えばJSONPで作ればいいです。

具体的に、、、どこからどこまでの具体的にかわかりませんが、
JavaScript基礎からDOMの方は本一冊で切る規模ですので割愛させていただきます。

var data={name:'名前', price:'100',description:'説明',image:'url'}
という変数からHTMLデータ（DOMツリー）を生成して、表示すればOKというものです。

JSONPでは、その元データがコールバック関数の引数に入っています。
プロパティはAPIのリスポンスを確認してください。

お礼

ご返信ありがとうございました。
JSONPで作れば、JavaScriptでできることが分かって良かったです。

あと詳しい説明もありがとうございました。
とても参考になりました。

今回のヒントを参考に自分で研究してチャレンジしてみます！