0

我有一个 PayPal 按钮，它将表单提交到表单action=""属性中指定的 url。我希望此按钮执行的操作是在提交表单的同时（或大致相同）触发 ajax 调用。

所以表格看起来像这样：

<?php echo('   

    <form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post" id="payWithPayPalForm">
    <input type="hidden" name="cmd" value="_xclick">
    <input type="hidden" name="business" value="me@mydomain.com">
    <input type="hidden" name="amount" value="'.$price.'">
    <input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynowCC_LG.gif:NonHostedGuest" >
    <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_paynowCC_LG.gif" border="0" id="payWithPayPalButton" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypalobjects.com/pl_PL/i/scr/pixel.gif" width="1" height="1">
    </form>
          ');
?>

ajax请求如下：

$.ajax({
    type: "POST",
    url: "classes/acceptOfferFunction.php",
    data: {
        hash: getURLParameter('hash'),
        hash2: getURLParameter('hash2')
    },
    success: function (result) {

    }
});
4

1 回答 1

2

这里的问题是您的 ajax 请求将被取消，因为页面将重新加载（实际上重定向到贝宝）。

您可以做的是在提交表单时发送 ajax 请求并等待ajax 请求完成。然后，发送表格。

<form action="https://www.sandbox.paypal.com/cgi-bin/webscr" onsubmit="return ajaxRequest()" method="post" id="payWithPayPalForm">

使用onsubmit，当用户发送表单时，该函数ajaxRequest将被触发。由于我们之前放了一个return，form会等待函数的return继续。

  • 如果ajaxRequest()返回true，表单将被提交。
  • 如果它返回 false，则不会。

这是 POC。您有更好的方法以非阻碍性的方式处理它（例如，在表单 id 上使用 jQuery）。而且您也必须编写函数代码。

于 2013-03-14T18:08:33.167 回答