在同一页面上的另一个选项卡上运行php文件,而无需提交表单值

迈巴比

我有一个表单,一旦用户输入并单击一个按钮,就会在同一页面上显示另一个选项卡。在此选项卡中,表单输入中包含一些值(可以这样做)。我还想从mysql数据库中检索一些数据,并将其显示在此新选项卡上。检索到的数据也基于表单输入我已经在网上搜索了超过两天,但找不到解决方案。任何和所有帮助,不胜感激。

下面是:我的表单代码(在php文件中);javascript(用于新标签)和php脚本(用于检索数据)。

表格代码

<div class="tab-content">
  <fieldset class="tab-pane active" id="form_tab">
      <form id="poform">
         <table>
               <tr>  
                    <th colspan="2"><div class="header_3">Pre-Order Form</div></th>
               </tr>
               <tr>  
                    <td><label>Account Number:</label></td>
                    <td><input type="text" name="accountnumber" id="accountnumber" value="" required/></td>
               </tr>
               <tr>  
                    <td><label>Trade:</label></td>
                    <span class="text_11">
                    <td><input type="radio" id="Buy" name="tradetype" class="tradetype" required value="Buy"/> Buy
                    <input type="radio" id="Sell" name="tradetype" class="tradetype" value="Sell"/> Sell </span></td>
               </tr>
               <tr>  
                    <td><label>Metal:</label></td>
                    <span class="text_11">
                    <td><input type="radio" id="Steel" name="metal" class="metal" required value="Steel"/> Steel
                    <input type="radio" id="Iron" name="metal" class="metal" value="Iron"/> Iron </span></td>
               </tr>
               <tr>  
                    <td class="select"><label>Amount:</label></td>
                    <td><select id="amount" name="amount">
                    <option value="">Select</option>
                    <?php include_once "selectamount.php"?></td>
                    </select>
               </tr>
               <tr>  
                    <td class="select"><label>Date:</label></td>
                    <td><select id="date" name="date" id="date">
                    <option value="">Select</option>
                    <?php include_once "selectdate.php"?></td>
                    </select>
               </tr> 
               <tr> 
                    <td colspan="2" align="center">
                    <input value="Check" type="button" id="submit_btn"/>
                    </button>
                    </td>
               </tr>
         </table>
      </form>
  </fieldset>

  <fieldset class="tab-pane" id="conf_tab">
    <table>
        <tr style="text-align:center">
            <th colspan="2"><div class="header_3">Pre-Order Ticket Details</div></th>
        </tr>
        <tr style="text-align:left">
            <td><label>Account Number:</label></td>
            <td><mgin><span id="confirm_accountnumber"></span></mgin></td>
        </tr>
        <tr style="text-align:left">
            <td><label>Trade Pre-Order:</label></td>
            <td><mgin><span id="confirm_tradetype"></span></mgin></td>
        </tr>
        <tr>
            <td><label>Amount:</label></td>
            <td><mgin><span id="confirm_amount"></span> 9999 Pooled Allocated <span id="confirm_metal"></span> Loco Singapore</mgin></td>
        </tr>
        <tr>
            <td><label>On date:</label></td>
            <td><mgin><span id="confirm_date"></span></mgin></td>
        </tr>
            <td><label>Pre-Order Discount:</label></td>
            <td><mgin><span id="confirm_data"></span></mgin></td>
        </tr>
        <tr>
            <td><label>Pre-Order Deposit:</label></td>
            <td><mgin>SGD 5000.00</mgin></td>
        </tr>
        <tr>
            <td><label>Additional follow up order:</label></td>
            <td><mgin>New Sell Order to be given 2 days before purchase order date.</mgin></td>
        </tr>
        <tr>
            <td colspan="2" align="center"><button type="submit" class="btn btn-default" id="confirm_btn">Confirm Order</button></td>
        </tr>       
    </table>
  </fieldset>
</div>

Javascript:

$(document).ready(function() {
  $('#submit_btn').click(function() {

    var accountnumber = $('#accountnumber').val();
    var tradetype = $('input.tradetype:checked').val();
    var amount = $('#amount').val();
    var metal = $('input.metal:checked').val();
    var date = $('#date').val();
    var data = "<?php include 'retrievepremordisc.php'; ?>";

    $('#confirm_accountnumber').text(accountnumber);
    $('#confirm_tradetype').text(tradetype);
    $('#confirm_amount').text(amount);
    $('#confirm_metal').text(metal);
    $('#confirm_date').text(date);
    $('#confirm_data').text(data);

    // Hide form tab and show confirmation tab
    $('#form_tab').removeClass('active');
    $('#conf_tab').addClass('active');

  });
});

PHP(检索数据)

<?php
include_once "connect.php";
$conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password); 

$form=$_GET;
$trade=$form['tradetype'];
$metal=$form['metal'];
$amount=$form['amount'];
$date=$form['date'];

$stmt = $conn->query("SELECT Discount FROM Contracts WHERE Trade='$trade' AND Metal='$metal' AND Amount='$amount' AND ExpiryDate='$date'");
while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) { 
   echo $row['Discount']; 
} 
?>

Ajax尝试

  $.ajax({
      url: 'retrievepremordisc.php',
      success: function (data) {
        alert(data);
      }
洛根·韦恩(Logan Wayne)

首先删除脚本中的这两行:

var data = "<?php include 'retrievepremordisc.php'; ?>";
....
$('#confirm_data').text(data);

然后将其添加到脚本中:

$.ajax({
  type: "POST", /* METHOD TO USE TO PASS THE DATA */
  url: "retrievepremordisc.php", /* THE FILE WHERE YOU PROCESS THE SELECT QUERY */
  data: {"tradetype": tradetype, "amount": amount, "metal": metal, "date":  date}, /* THE DATA WE WILL SUBMIT TO retrievepremordisc.php */
  success: function(discount){ /* discount IS THE RETURNED DATA FROM retrievepremordisc.php */
    $("#confirm_data").text(discount); /* PUT THE RESULT OR discount TO span HTML ELEMENTS WITH ID OF confirm_data */
  }
});

然后在您的retrievepremordisc.php

$trade = $_POST['tradetype'];
$metal = $_POST['metal'];
$amount = $_POST['amount'];
$date = $_POST['date'];

/* HERE IS YOUR SELECT QUERY */
echo $discount; /* WHAT YOU ECHO IS WHAT WILL BE RETURNED TO YOUR MAIN FILE */

如果事情失败了,只需确保寻找错误。只需F12在浏览器上点击,然后在控制台上查看错误即可。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

有没有办法删除传输到另一个选项卡的数据?避免在同一页面上重复?PHP Codeigniter

来自分类Dev

表单提交后,引导程序选项卡转到同一页面上的特定选项卡

来自分类Dev

表单提交后,引导程序选项卡转到同一页面上的特定选项卡

来自分类Dev

获取<select>的值,而无需使用php在同一页面上提交

来自分类Dev

在同一页面上提交表单,而无需重新加载并使用POST变量

来自分类Dev

如何在同一页面上使用锚点选项卡去一个divdiv?

来自分类Dev

我如何在表单区域中将文本区域内的内容传递到同一页面中的另一表单而无需提交按钮

来自分类Dev

链接到同一页面上的另一个部分

来自分类Dev

在同一页面上处理一个资源的所有表单 (php)

来自分类Dev

AJAX-停留在同一页面上时发送到另一个php文件

来自分类Dev

将同一页面上的锚定链接链接到Woocommerce jQuery选项卡

来自分类Dev

同一页面上的选项卡和可折叠

来自分类Dev

HTML CSS选项卡控件-同一页面上的多个选项卡控件

来自分类Dev

同一页面上的表单发布无需刷新

来自分类Dev

从一个滑动网格拖放到同一页面上的另一个

来自分类Dev

表单提交后留在同一页面上

来自分类Dev

如何在同一页面上的另一个Ascx控件中访问一个Ascx控件中的值

来自分类Dev

jQuery ajax应该转到同一页面还是另一个php文件?

来自分类Dev

JqueryUI 1.11选项卡在同一页面上时直接链接到选项卡

来自分类Dev

在同一选项卡上加载另一个页面,在地址栏上保持上一个 url

来自分类Dev

xamarin 表单:如何在单击选项卡时关闭选项卡页面并显示上一页?

来自分类Dev

PHP-连续提交在同一页面上

来自分类Dev

提交在同一页面上呈现的两个不相关的表单

来自分类Dev

在 Laravel 中的同一页面上的页面重定向在网络选项卡中找到 302?

来自分类Dev

如何在不干扰同一页面上的另一个PartialView的情况下将JS和CSS文件指定为特定的PartialView?

来自分类Dev

PHP 和表单在同一页面上

来自分类Dev

用于运行 PHP 脚本并在同一页面上显示输出的表单

来自分类Dev

如何获取ajax中的选项卡形式的值到另一个php文件?

来自分类Dev

id值在同一页面上获取php

Related 相关文章

  1. 1

    有没有办法删除传输到另一个选项卡的数据?避免在同一页面上重复?PHP Codeigniter

  2. 2

    表单提交后,引导程序选项卡转到同一页面上的特定选项卡

  3. 3

    表单提交后,引导程序选项卡转到同一页面上的特定选项卡

  4. 4

    获取<select>的值,而无需使用php在同一页面上提交

  5. 5

    在同一页面上提交表单,而无需重新加载并使用POST变量

  6. 6

    如何在同一页面上使用锚点选项卡去一个divdiv?

  7. 7

    我如何在表单区域中将文本区域内的内容传递到同一页面中的另一表单而无需提交按钮

  8. 8

    链接到同一页面上的另一个部分

  9. 9

    在同一页面上处理一个资源的所有表单 (php)

  10. 10

    AJAX-停留在同一页面上时发送到另一个php文件

  11. 11

    将同一页面上的锚定链接链接到Woocommerce jQuery选项卡

  12. 12

    同一页面上的选项卡和可折叠

  13. 13

    HTML CSS选项卡控件-同一页面上的多个选项卡控件

  14. 14

    同一页面上的表单发布无需刷新

  15. 15

    从一个滑动网格拖放到同一页面上的另一个

  16. 16

    表单提交后留在同一页面上

  17. 17

    如何在同一页面上的另一个Ascx控件中访问一个Ascx控件中的值

  18. 18

    jQuery ajax应该转到同一页面还是另一个php文件?

  19. 19

    JqueryUI 1.11选项卡在同一页面上时直接链接到选项卡

  20. 20

    在同一选项卡上加载另一个页面,在地址栏上保持上一个 url

  21. 21

    xamarin 表单:如何在单击选项卡时关闭选项卡页面并显示上一页?

  22. 22

    PHP-连续提交在同一页面上

  23. 23

    提交在同一页面上呈现的两个不相关的表单

  24. 24

    在 Laravel 中的同一页面上的页面重定向在网络选项卡中找到 302?

  25. 25

    如何在不干扰同一页面上的另一个PartialView的情况下将JS和CSS文件指定为特定的PartialView?

  26. 26

    PHP 和表单在同一页面上

  27. 27

    用于运行 PHP 脚本并在同一页面上显示输出的表单

  28. 28

    如何获取ajax中的选项卡形式的值到另一个php文件?

  29. 29

    id值在同一页面上获取php

热门标签

归档