Yahoo apiをJavascriptで作成

解決済

質問者：mcse
質問日時：2012/03/18 22:51
回答数：1件

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

http://cgi.geocities.jp/ydevnet/sample/shopping/ …

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

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

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

もし可能であれば、

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

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

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

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

ｍ（＿＿）ｍ

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

No.1ベストアンサー

回答者： taloo
回答日時：2012/03/19 22:40

http://developer.yahoo.co.jp/webapi/shopping/sho …
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のリスポンスを確認してください。