發送電子郵件後將用戶重定向到PayPal結帳頁面

Question

我有一個訂單，用戶提供有關產品的一些輸入信息，當他/她提交表單時，他將收到一封包含產品規格的電子郵件。

基本上網站提供Logo設計服務。

這裏的產品是：3個標誌模型，5個標誌模型，7個標誌模型和10個標誌模型，而不是像其他購物車提供的有形產品。

現在，我使用貝寶帳戶中該產品已經創建了一個貝寶立即購買按鈕，想發送電子郵件（其中包含他/她點擊之前已經裝滿立即購買按鈕產品規格）到客戶以及將其重定向到由PayPal生成的適當的產品結賬頁面。

寶立即購買按鈕的代碼是：

<form id="logo-design-paypal-form" action="https://www.paypal.com/cgi-bin/webscr" method="post"> 
    <input type="hidden" name="cmd" value="_s-xclick"> 
    <input type="hidden" name="hosted_button_id" value="46J7HLDHY7TBE"> 
    <table> 
     <tr> 
     <td><input type="hidden" name="on0" value="Logo Design"> 
      Logo Design</td> 
     </tr> 
     <tr> 
     <td><select name="os0"> 
     <option value="3 Logo Mockups">3 Logo Mockups $50.00</option> 
     <option value="5 Logo Mockups">5 Logo Mockups $120.00</option> 
     <option value="7 Logo Mockups">7 Logo Mockups $350.00</option> 
     <option value="10 Logo Mockups">10 Logo Mockups $650.00</option> 
     </select> 
     </td> 
     </tr> 
    </table> 
    <input type="hidden" name="currency_code" value="USD"> 
    <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> 
    <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> 

Answer 1

如果我正確理解你的問題，早，您創建了一個形式與正常提交按鈕。如果用戶輸入所有輸入並點擊提交，您可以向他發送電子郵件。現在，您使用PayPal提交按鈕取代了普通按鈕，並且您希望PayPal按鈕像舊按鈕一樣調用發送電子郵件功能。如果這是你想做的事，你可以試試這個方法：

<div id="paypal_button"> 
    // wrap your encrypted paypal button in a div 
</div> 

// PayPal button is actually a form so you can make a script like the following 

<script type="text/javascript"> 
    $("div#paypal_button > form").submit(function() { 

     // Call your sending email function here (maybe by using Ajax) 

    }); 
</script> 

編輯：如果你不想onclick事件綁定到PayPal按鈕本身，我認爲你應該使用這個阿賈克斯plugin到提交原始表單（即不要使用正常提交，因爲用戶將被重定向到action屬性中的頁面，並且實現你想要的更加困難）。

<form id="original_form" action="somePage"> 
    ... 
    <input type="submit" value="Submit" /> 
</form> 

<div id="paypal_button" style="display:none"> 
    // wrap your encrypted paypal button in a HIDDEN div 
</div> 

<script type="text/javascrip"> 
    $(document).ready(function() { 
     // submit your original form to send the email and redirect the user on success 
     $('#original_form').ajaxForm({ 
      success: function() { 
       $("div#paypal_button > form").submit(); 
      }  
     }); 

    }); 
</script>