javascript - 提交两个表单,其中 form2 输入值取决于 form1 输入值

标签 javascript php jquery ajax payment-gateway

<分区>

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

-> Only one form is shown to user ->user select service with price and fill the other detail->Submitting the details , so data's are saved in backend->After saving data, form2 need to work automatically ,but the second form input value is depend on the first form input values and cash .

  1. 哪个是最好的实现方式?同一页面或不同页面中的两种形式?

  2. 我可以为此使用 ajax 以便客户需要停留在同一页面吗?

我们需要在检查元素中隐藏我们的商家 ID 和商家 secret

请举个例子。 请看我的两份表格 Form-1

<form method="post" action="" name="form1" id="form1">
 Your name<input type="text" name="cl_name">
 Service < input type="checkbox" name="check-1" value="10"> Wash
 < input type="checkbox" name="check-2" value="10"> clean

 <input type="submit" name="submit" value="submit">
 </form>

中二

 <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>

最佳答案

你可以用不同的方式做到这一点......

  1. 您可以使用 PHP Wraper 来隐藏您的商家 ID

例如:

payment.php ---> wrper_payment.php ---> payment_gateway_url
  1. 您可以在订单文件中使用 ajax

例如:

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

亲爱的,Javascript 和 ajax 没有区别,但是如果你想让它非常安全,我建议你使用 AngularJS,它不难学,执行和实现也更快。

  1. 您可以在 POST 中使用 action 变量来定义多个付款

例如:payment.php

<?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);

例如:order.php

假设您正在使用 jQuery 进行 ajax 调用

<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>

最后一件事,一定要使用 PHP 包装器,因为它会隐藏您所有的安全凭据...

祝你好运

关于javascript - 提交两个表单,其中 form2 输入值取决于 form1 输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35401458/

相关文章:

php - 正则表达式仅允许选择字母表字符

javascript - 如何从网页获取 JSON 对象数组并将每个元素添加到 HTML 中的行?

javascript - 如何根据 ng-href 的数据返回动态 html?

javascript - DIV 突然出现而不是 slideDown() 方法发生

javascript - 如何在 React Native 中使用变量 'document'?

php - 如何在 PHP 中有一个 64 位整数?

javascript - 如何防止我的布局在 Javascript 函数运行时中断?

javascript - 从 jQuery Ajax 访问 JSON 结果

javascript - 在 Firefox 上的滚动事件上移动元素

javascript - 如何将一个类添加到一个div,让它等待一段时间,然后再将另一个类添加到另一个div?