0

訪問者が開発者のスターバックス カードに寄付できる Web サイト ウィジェット (PayPal の寄付ウィジェットに似ています) の作成を追求したいと考えています。私の最初の単純な実装は、ユーザーをスターバックスの eGift ページに誘導し、JavaScript を使用してほとんどのフォームを自動入力することでした。ただし、これはクロスサイト スクリプティングと見なされます。

スターバックスの eGift フォームにデータを送信して、目的を達成するための適切な方法はありますか? または、機能する別のアプローチはありますか？同僚が PayPal API について言及しましたが、それがスターバックス カードのリロードにフックするように機能するかどうかはわかりません。

要件：

  • 寄付者はウィジェットをクリックして、名前/メールアドレス (オプション?)、PayPal またはアカウント情報、寄付したい金額を入力すると、カードがリロードされます。
4

1 に答える 1

3

このコードでそれを行うことができます：

<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/

編集 - URL がhttps://www.starbucks.com/card/manage/guest-reloadからhttps://www.starbucks.com/card/reload/one-timeに変更されました

于 2012-09-12T13:00:39.910 に答える