Javascript 提交两个表格，其中form2输入值取决于form1输入值_Javascript_Php_Jquery_Ajax_Payment Gateway

Javascript 提交两个表格，其中form2输入值取决于form1输入值

javascript php jquery ajax

Javascript 提交两个表格，其中form2输入值取决于form1输入值,javascript,php,jquery,ajax,payment-gateway,Javascript,Php,Jquery,Ajax,Payment Gateway,我们将创建一个服务表单，客户可以在其中输入详细信息，选择服务并支付现金 ->只有一个表单显示给用户->用户使用价格选择服务并填写其他详细信息->提交详细信息，因此数据保存在后端->保存数据后，form2需要自动工作，但第二个表单输入值取决于第一个表单输入值和现金实现这一点的最佳方法是什么？在同一页面中使用两个表单还是在不同页面中使用两个表单我可以使用ajax来实现这一点，以便客户需要保持在同一页面上吗我们需要隐藏我们的商人身份证，商人秘密请举例说明。请看我的两张表格表格一你

我们将创建一个服务表单，客户可以在其中输入详细信息，选择服务并支付现金

->只有一个表单显示给用户->用户使用价格选择服务并填写其他详细信息->提交详细信息，因此数据保存在后端->保存数据后，form2需要自动工作，但第二个表单输入值取决于第一个表单输入值和现金

实现这一点的最佳方法是什么？在同一页面中使用两个表单还是在不同页面中使用两个表单

我可以使用ajax来实现这一点，以便客户需要保持在同一页面上吗

我们需要隐藏我们的商人身份证，商人秘密

请举例说明。请看我的两张表格表格一


你的名字
服务清洗
清洁

表格二

 <form method="post" action="paymet_gateway_url"  id="form2">
Name <input type="text" value="Form1 your name value" name="p_name" id="p_name">
Value<input type="text" value="Form1 service value (either 10 or 20 )" name="p_cash" id="p_cash">
<inpu type="hidden" value="return url" name="p_r_url">
<input type="submit" name="submit" value="submit">
 </form>


名称
价值

您可以用不同的方式来实现这一点

您可以使用PHP包装器隐藏您的商户id

例如：

您可以在订单文件中使用ajax

例如：

亲爱的，Javascript和ajax没有什么不同，但是如果你想让它更加安全，我建议你使用AngularJS，它不难学习，而且执行和实现起来也更快

您可以在POST中使用操作变量定义多个付款

例如：payment.php

答案：
（1） 一页两表

（2） 当然，您可以使用Ajax

（3） 这是一个无关紧要的问题。因为JavaScript有一个特定的库，称为JQuery，而Ajax是一种JQuery方法
下面是如何实现该功能的
您可以在一个PHP页面中创建两个表单，一个在另一个下面。表格-1（详细信息表格）可见，表格-2（付款表格）不可见
用户将看到表格-1，他们将填写详细信息。当他点击save按钮时，JQuery事件处理程序将调用另一个包含ajax调用的函数
ajax方法将使用serialize方法接收所有form-1的数据，但为此，您需要将form-1的对象传递给该ajax调用
ajax方法将这些数据发送到一个php文件，该文件可以将这些数据保存到您的数据库中，status=pending
ajax调用成功后，您将调用另一个函数，该函数将隐藏form-1并显示form-2
当用户以表格2形式输入时，重复步骤2至步骤5
对表单2使用第二个ajax函数。第二次Ajax调用成功时，显示付款已完成的警报
只有一个表单提交->通过服务器执行逻辑->根据状态在特定页面上重定向…AJAX使用Javascript，它将允许用户停留在同一页面上。请提供一个简单的基本示例来解决此问题。这对我们真的很有帮助。感谢您的快速响应。两种服务有不同的现金，因此我需要将现金以付款门的方式动态化。Ajax或JavaScriptwtf？真的非常感谢Marmik。很抱歉问这个问题，请给出一个非常简单的例子。只需一个字段第一个表单和支付网关处理演示表单[无需支付网关方式表单，只需其他表单]。这肯定会帮助我们。我将投票赞成你的答案。但目前我没有声誉。好的，当然，我正在更新答案谢谢你的朋友，我会检查此代码并告诉你。投票结果是：）@Marmik，干得好。如果你能写出完整的代码，那会更有帮助。一个带有变量、ajax请求处理和处理等功能的表单。ajax是一种JQuery方法。真是胡说八道。JavaScript确实有ajax。但在这里检查表单将显示支付网关凭据详细信息，如商户id、商户机密等。我刚才说的是jquery api：
 <form method="post" action="paymet_gateway_url"  id="form2">
Name <input type="text" value="Form1 your name value" name="p_name" id="p_name">
Value<input type="text" value="Form1 service value (either 10 or 20 )" name="p_cash" id="p_cash">
<inpu type="hidden" value="return url" name="p_r_url">
<input type="submit" name="submit" value="submit">
 </form>

payment.php ---> wrper_payment.php ---> payment_gateway_url

order.php ---> payment.php (which has the merchant id) ---> payment_gateway_url

<?php
// For ajax use

$output = array('status'=>false,'error'=>''); //for JSON output

$switch($_POST['action']){
    case 'payment1':
        //process payment1
    break;
    case 'payment2':
        //process payment2
    break;
}

//please dont forgot to set the header
header('Content-Type:application/json;)';
echo json_encode($output);

<Body>
....
<button onclick="payment('payment1');"> Payment Option 1 </button>
<button onclick="payment('payment2');"> Payment Option 2 </button>

<Script type="text/javascript">
function payment(option){
    $.post('payment.php',{action: option},function(data){
        //provide feedback to customer
    });
}
</script>
</body>