rakuten cart

by shigetak

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.js"></script>
<div class="ui container">
 <p>kago tuika test @shige 在庫6個の商品</p>
<div class="ui labeled button" tabindex="0">
<button id="abc" class="ui red button">注文</button>
  <a class="ui basic red left pointing label">
    楽天カートに入れる
  </a>
</div>
<br>
↑ボタンを押すと↓楽天側のカゴに入る。<br>
<a class="ui button" target="_blank" href="https://basket.step.rakuten.co.jp/rms/mall/bs/cart/?shop_bid=199614&l2-id=shop_header_cart
">カゴ確認</a><br>

<div class="ui alert"></div>

<div class="ui top attached tabular menu">
  <div class="active item">result</div>
</div>
<div id="result1" class="ui bottom attached active tab segment">
</div>
</div>
<div id="result"></div>

<pre class="grey text">
https://basket.step.rakuten.co.jp/rms/mall/bs/cart/?shop_bid=199614&l2-id=shop_header_cart


要件
■まとめ買い対象商品
1. 初期状態はプロパーのみ選択可能な状態、まとめ買い対象はdisable、購入ボタンもdisable
2. プロパーを選択すると、まとめ買い対象はenable、購入ボタンもdisable    
3. プロパーはdisableになり、変更できない
4. まとめ買い対象商品の数量を変更したもの(1以上)がまとめ買い対象商品としてカウントされる

■プロパー商品の変更方法
1. 選び直すボタンを設置、初期状態はdisable
2. プロパーを選択した時点で、enable
3. 選び直すをクリックすると、プロパーとまとめ買い対象がリセットされてプロパーがenable、まとめ買い対象がdisableの状態になる

■カゴに商品入れるリクエストの組み立て方
1. shopIdはshopjapanのもので固定
2. itemIdはHTMLに入れてもらう
3. unitsに個数を入れる
4. これを数量が選択してある商品分繰り返す
5. 全商品分リクエストしたらカゴのページに遷移
</pre>

JavaScript

$("#abc").click(function() {
$('#result1').empty();
$('#result').empty();
$.ajax({
    method: 'GET',
    dataType: 'jsonp',
    crossDomain: true,
    url: 'https://direct.step.rakuten.co.jp/rms/mall/cartAdd/?shopid=321072&itemid=10000051&units=1&device=pc&userid=itempage',
		success: function(result) {
    alltext=result ;//copy
       alltext=JSON.stringify(result);//to string
       $('#result').text(alltext);
//       json = JSON.parse(result);//divide 
       json = $.parseJSON(alltext);
       $('#result1').text(json.dialogTitle + json.resultMessage);
		}
    });
});