クリックしてね♪
インストール
<script type="text/javascript" src="http://www.example.jp/moshimo_api/lib/jquery.js"></script>
<script type="text/javascript" src="http://www.example.jp/moshimo_api/jquery.moshimo_api.js" charset="utf-8"></script>
<script type="text/javascript" src="http://www.example.jp/moshimo_api/moshimo_get_api.js" charset="utf-8"></script>
<link rel="stylesheet" href="http://www.example.jp/moshimo_api/style.css" type="text/css" media="screen" />
1ページにひとつの商品のデータを表示させたい場合は config.php を修正しよう♪
<span id="item_zaio"></span>
1ページに複数の商品のデータを表示させたい場合は moshimo_get_api.js を修正しよう♪
<span class="StockStatusWord" id="Item_162039"></span>
自分で javascript のコードを書いて、使いたいという方へ
var ArticleId = $.getArticleId() ;
$( '#teika' ).getMoshimoApi( ArticleId, 'FixedPrice' ) ;
$( '#teika' ).getMoshimoApi( 380143, 'FixedPrice' ) ;
<span class="teika" id="Item_162039"></span>
$( '.teika' ).getMoshimoApi( 'FixedPrice' ) ;
$( '.Name' ).getMoshimoApi( 'Name' ) ;
$( '.ItemImage_r_1' ).getMoshimoApi( 'ItemImage_r_1' ) ;
$( '.ShopPrice' ).getMoshimoApi( 'ShopPrice' ) ;
$( '.DiscountRate' ).getMoshimoApi( 'DiscountRate' ) ;
$( '.PopIcon' ).getMoshimoApi( 'PopIcon' ) ;
$( '.FreeCarriageIcon' ).getMoshimoApi( 'FreeCarriageIcon' ) ;
$.getItemsApi({ 'CatchCopy' : '.Catch' ,'StockStatusWord' : '.Stock' });
オプション使用例 1
オプション使用例 2
もしも API 仕様書 ver 1.08 p8 から抜粋
パラメータ(物理名称) | 概要(論理名称) | 必須 | 備考 |
---|---|---|---|
StockStatus | 在庫状況コード | ○ | 0 :在庫切れ 1 :在庫わずか 2 :在庫あり 3 :在庫豊富 |
オプション使用例 3
オプション使用例 4
ランキングも表示できるんだよ♪
$( '#Ranking' ).getMoshimoRanking( { category : '01' });
$( '#Ranking' ).getMoshimoRanking();
getMoshimoRankingのオプション
コード | 画像サイズ |
---|---|
s | 58px × 58px |
m | 80px × 80px |
r | 150px × 150px |
l | 300px × 300px |
MoshimoSearch を使って自由に検索条件を指定して商品の一覧を表示しよう♪
$( '#Search' ).MoshimoSearch( { category : '01' });
$( '#Search' ).MoshimoSearch();
コード | 画像サイズ |
---|---|
s | 58px × 58px |
m | 80px × 80px |
r | 150px × 150px |
l | 300px × 300px |
MoshimoSearchのオプション
php が動作しないサーバーでも使っちゃおう♪
<script type="text/javascript" src="http://www.example.jp/moshimo_api/lib/jquery.js"></script>
<script type="text/javascript" src="http://www.example.jp/moshimo_api/jquery.moshimo_api.js" charset="utf-8"></script>
<script type="text/javascript" src="http://www.example.jp/moshimo_api/moshimo_get_api.js" charset="utf-8"></script>
<link rel="stylesheet" href="http://www.example.jp/moshimo_api/style.css" type="text/css" media="screen" />
もしも ゲット素材(^-^)/と併用する場合について
<script type="text/javascript" src="http://www.example.jp/get_sozai/lib/jquery.js"></script>
<script type="text/javascript" src="http://www.example.jp/get_sozai/jquery.get_sozai.js"></script>
<script type="text/javascript" src="http://www.example.jp/get_sozai/moshimo_get_sozai.js"></script>
<link rel="stylesheet" href="http://www.example.jp/get_sozai/style.css" type="text/css" media="screen" />
おやぁ、ランキングと MoshimoSearch のオプションを変更しても反映されないよ('A`)
おやぁ、動作しないよ('A`)
コード | 概要 | 説明 |
---|---|---|
200 | OK | リクエストに成功した場合 |
400 | Bad Request | リクエストパラメータが不正である場合 |
401 | Unauthorized | 認証に失敗した場合 |
403 | Forbidden | 認証コードが凍結状態(※)であるか、権限がないメソッドにリクエストした場合 ※ リクエストが一定数を超えた場合、1分程度認証コードが凍結されます。 |
404 | Not Found | 存在しないメソッドにリクエストした場合 |
503 | Service Unavailable | 処理がタイムアウトした場合 |