如何製作一個類似貝寶的星巴克小工具？

我想追求製作一個網站小工具，可以讓訪客捐贈給開發商的星巴克卡（類似於貝寶捐贈小工具）。我最初的幼稚實現是將用戶帶到Starbuck的eGift頁面，然後使用JavaScript自動填充大部分表單。但是，這將被視爲跨站點腳本。如何製作一個類似貝寶的星巴克小工具？

是否有一種可接受的方式將數據發送到星巴克eGift表單並完成我想要的功能？還是有不同的方法可行？一位同事提到了PayPal API，但我不確定這會不會影響重新加載星巴克卡。

要求：

贈與人應當能夠單擊窗口小部件，以他們的名義/電子郵件地址輸入（？可選），PayPal或帳戶信息，他們希望捐贈的金額，和該卡將被重新加載。

來源

2012-07-17 dwieme

您可以使用此代碼做到這一點：

<div id="starbucks_container"> 
    <form action="https://www.starbucks.com/card/reload/one-time" class="AjaxForm required_form payment-method region size2of3" id="OneTimeReload" method="post" novalidate="novalidate"> 
     <input class="field_large numbers card-number required numeric" id="Card_Number" maxlength="16" name="Card.Number" title="Card Number | This 15- or 16-digit number is on the front of your card. Please enter it without spaces." type="hidden" value="6069262396927591"> 
     <label for="Reload_Amount">Reload Amount</label> 
     <br/> 
     <span class="numbers">$</span> 
     <input class="field_xxsmall align_right numbers" data-validation-max="100" data-validation-min="10" id="Reload_Amount" maxlength="3" name="Reload.Amount" title="Please enter an amount." type="text" value="10"> 
     <input id="paymentOptionHidden" name="paymentOptionHidden" type="hidden" value="CreditCard"> 
     <br/> 
     <label for="card-type-paypal"> 
      <input class="credit-card radio" id="card-type-paypal" name="paymentOption" type="radio" value="PayPal"> 
      PayPal 
     </label> 
     <br/> 
     <label for="card-type-options"> 
      <input checked="checked" class="credit-card radio" id="card-type-options" name="paymentOption" type="radio" value="CreditCard"> 
      Credit/Debit Card 
     </label> 
     <input type="hidden" name="step" value="1"> 
     <br/> 
     <button type="submit">Reload Card</button> 
    </form> 
</div>

只需更換與自己的卡號。

而且，我給這個WordPress的插件：http://wordpress.org/extend/plugins/starbucks-reload/

編輯 - 鏈接從https://www.starbucks.com/card/manage/guest-reload改爲https://www.starbucks.com/card/reload/one-time

來源

2012-09-12 13:00:39 aharris88

如何製作一個類似貝寶的星巴克小工具？

回答

相關問題