发送电子邮件后将用户重定向到 PayPal 结帐页面

Question

我有一个订单表格，其中用户提供了有关产品的一些信息，当她/他提交表格时，她/他将收到一封包含产品规格的电子邮件。

网站基本上提供Logo设计服务。

这里的产品是：3 个徽标模型、5 个徽标模型、7 个徽标模型和 10 个徽标模型，而不是任何有形产品，例如（其他购物车优惠）。

现在，我使用该产品的贝宝帐户创建了一个 PayPal 立即购买 按钮，并希望发送一封电子邮件（其中包含她/他在点击 之前已经填写的产品规格立即购买按钮）发送给客户，并将他们重定向到 PayPal 生成的相应产品结帐页面。

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 按钮本身，我认为您应该使用此 Ajax plugin 提交您的原始表单（即不要使用普通提交，因为用户将被重定向到操作属性中的页面，并且更难以实现您想要的）。

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