贝宝按钮提交表单并同时触发Ajax调用？

我有一个PayPal按钮，它将表单提交给表单的action=""属性中指定的url。我希望这个按钮可以在提交表单的同时（或大致相同）触发ajax调用。贝宝按钮提交表单并同时触发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="[email protected]"> 
    <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) { 

    } 
});

来源

2013-03-14 ZviBar

这里的问题是，你的Ajax请求将被取消，因为该页面将重新加载（实际上重定向到PayPal）。

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

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

使用onsubmit，当用户将发送形式，功能ajaxRequest将被解雇。由于我们之前放置了一个回报，表单将等待函数的返回继续。

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

这是POC。你有更好的方式来以非阻塞的方式处理它（例如，在表单ID上使用jQuery）。你也必须编写这个函数。

来源

2013-03-14 18:08:33 j0k

贝宝按钮提交表单并同时触发Ajax调用？

回答

相关问题