jQuery - 将表单提交给PHP并在新窗口中生成

时间:2014-03-15 00:16:18

标签: javascript php jquery wordpress pdf

我在使用Woo Commerce 2.1.5的Wordpress 3.8.1上使用Gravity Forms 1.8.5,并希望在运行PHP脚本的产品页面中添加第二个按钮,该脚本使用fPDF生成PDF。我使用jQuery用ID previewButton重写按钮的功能来运行PHP(下面包含的代码)。但是,我希望PHP能够在新窗口中生成PDF。此外,按照现在的方式,PDF在同一窗口中生成,当您返回带有表单的页面时,"添加到购物车"按钮被禁用。我尝试使用下面代码的前几行捕获表单操作,但它不起作用。任何人都可以帮助解决这两个问题吗?

1 - PDF在新窗口中生成

2 - 查看PDF

后,“添加到购物车”按钮有效

您可以在以下位置查看产品页面的示例: http://www.ortorderdesk.com/product/prepare-for-your-closing-copy/

我用于重写按钮的jQuery代码是:

// JavaScript Document
jQuery( document ).ready(function() {
var form = jQuery('.cart');
var originalFormAction = form.attr("action");

jQuery("#gform_submit_button_1").on("click", function(){
jQuery(this).parent("form.cart").attr("action",originalFormAction).submit();
});

jQuery("#previewButton").on("click", function(e){
e.preventDefault();
var sku = jQuery(".add_to_cart_button").attr('data-product_sku');
var preview = 'http://www.ortorderdesk.com/proofs/' + sku + '.php';
jQuery(".cart").attr("action", preview);
form.submit();
});
});

非常感谢任何帮助! 谢谢!

1 个答案:

答案 0 :(得分:0)

你有什么理由不能将你的php文件调到新窗口吗?

<a href='http://www.ortorderdesk.com/proofs/12345678.php' target="_blank" >Preview PDF</a>

我认为,假的 1234578 是您在页面加载时可以在服务器端生成的产品密钥。

target = _blank将在新窗口中打开被调用的页面,与主页分开,如果删除了JQuery,您可能会发现购物车按钮有效。

所有这些都取决于您是否可以在页面加载时从php预生成sku( 12345678 )。

或者使用JQuery使用.attr

动态更新href