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

Question

我有一个订单，用户提供一些关于产品的输入，当s/他提交表单s/他将收到一封包含产品规格的电子邮件。

基本上，网站提供标志设计服务。

这里的产品有:3个Logo模型，5个Logo模型，7个Logo模型和10个Logo模型，没有任何有形的产品像(其他购物车提供)。

现在，我使用贝宝帐户为该产品创建了一个PayPal Buy Now按钮，并希望向客户发送电子邮件(其中包含在单击Buy Now按钮之前已填写的产品规范)，并将其重定向到PayPal生成的适当产品结帐页面。

Paypal Buy Now按钮代码是：

<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

如果我正确理解了您的问题，在前面，您创建了一个带有普通提交按钮的表单。如果用户输入所有输入并单击submit，您将向他发送电子邮件。现在，您将普通按钮替换为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 插件来提交原始表单(也就是说，不要使用普通提交，因为用户将被重定向到操作属性中的页面，实现您想要的更困难)。

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