在 PayPal 按钮重定向之前完成 AJAX 调用

Posted 2023-02-22

【中文标题】在 PayPal 按钮重定向之前完成 AJAX 调用

【英文标题】：Complete AJAX call before PayPal button redirects

【发布时间】：2014-07-03 09:52:23

【问题描述】：

我正在使用 PayPal 按钮，并希望在按钮将用户重定向到 PayPal 之前通过 AJAX 调用（或任何其他有效的方法）将记录插入数据库。

我查看了类似的问题/答案，但无法让它们发挥作用。他们要么重定向到 PayPal，要么插入数据库记录……但不能同时使用两者。

类似问题：Submit form values before paypal、PayPal Button submitting a form and triggering an Ajax call at the same time?、AJAX request before regular form is being submitted

这是我的表格：

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" name="paypalform" id="paypalform">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="XXXXXXXXXXXX">
    <button type="submit" class="radius paypal-button" name="submit" >Buy Now!
    <img  border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"  >
</form>

这是我的javascript：

$('paypalform').submit(function(e) 
    e.preventDefault();
    e.returnValue = false;
    var $form = $(this);
    $.ajax(
        url: 'ajax.create_sponsorship.php',
        data: 'XXXXXX',
        dataType: 'json',
        context: $form,
        complete: function() 
            this.off('submit');
            this.submit();
        
    );
);  

PHP 文件 ajax.create_sponsorship.php 返回 TRUE（如果插入成功）或 FALSE。

当使用上面的代码时，浏览器成功重定向到 PayPal，但没有将记录插入数据库。

如果我把第一行改成这样：

$('#paypalform').submit(function(e)   

基本上，添加 # - 然后插入数据库记录，但不会重定向到 PayPal。

【问题讨论】：

重复，见***.com/questions/15416842/…。

【参考方案1】：

更新如下代码并尝试：

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" name="paypalform" id="paypalform">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XXXXXXXXXXXX">
<button type="submit" class="radius paypal-button prevented" name="submit" id="paypalsubmit" >Buy Now!
<img  border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"  >
</form>

脚本如下：

<script>
    $(document).ready(function()
    $('#paypalsubmit').click(function(e) 
    if($(this).hasClass('prevented'))
        e.preventDefault();
        $(this).removeClass('prevented');
        $.post( "ajax.create_sponsorship.php", data: 'XXXXXX', function( result ) 
            if(result)
                $('#paypalsubmit').click();
                return true;
            
        );  
    else
        $('#paypalform').submit();
        $(this).addClass('prevented');
    
    );  
    )
</script>

希望这会有所帮助。

【讨论】：

我尝试了你的建议。它确实提交了表单（重定向到 PayPal），但它没有插入数据库记录。我正在使用 Fiddler 查看页面流量，但没有看到对 ajax PHP 文件的调用。

更新了代码：文件名错误，现在更新为 ajax.create_sponsorship.php。再试一次。。