在PayPal按钮重定向之前完成AJAX调用
Complete AJAX call before PayPal button redirects
我正在使用PayPal按钮,并希望通过AJAX调用(或任何其他有效方法)在按钮将用户重定向到PayPal之前将记录插入数据库。
我看过类似的问题/答案,但不能让他们工作。他们要么重定向到PayPal,要么插入一个数据库记录……但不是两者都有。
类似问题:在paypal之前提交表单值,paypal按钮提交表单并同时触发Ajax调用?,提交常规表单之前的AJAX请求
这是我的表单:
<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" alt="PayPal - The safer, easier way to pay online!">Buy Now!
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</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
按如下方式更新代码并尝试:
<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" alt="PayPal - The safer, easier way to pay online!">Buy Now!
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</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>
相关文章:
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- Javascript/jQuery中的并行Ajax调用
- 任何方式使AJAX调用Gmail API,而无需通过JS库
- node.js请求数据事件未在CORS ajax调用中触发
- 如何从ajax调用返回.wrap()元素
- Ajax调用在Firefox中不会自动响应
- AJAX调用中的非法调用
- 使用AJAX调用将GeoJSON数据拉入传单
- 在MVC 4中,对Controller的Ajax调用为空
- Jquery:对返回JSON数据的php脚本的Ajax调用
- 在ajax调用中阻止来自JS对象的函数
- 如何在MVC5中ajax调用的部分视图中引用外部javascript
- 页面加载后的Ajax调用
- 如何使用Ajax调用特定的控制器和操作来重定向用户
- curl和fileget_contents在ajax调用后不起作用
- 在任何AJAX调用之前触发一个javascript函数
- 无法在mvc视图中使用ajax调用获取操作返回的模型对象列表
- Ajax调用ERror Cross Origin REquest:在rails中自动完成大学列表
- ASP.NET MVC 3-在ajax调用后,重定向到新页面或生成页面刷新
- 点击功能没有'ajax调用动态元素(Backbone)后无法工作