Question

我正在使用ajax post方法检索数据，将其检索.Engre表以分区显示，在表格按钮中显示，当按钮点击表格未提交到目标文件时，其重定向到同一页面。请任何人帮帮我吗？它对我有用。代码如下：

 **jquery**
  $("#search").keyup(function(e) {
  var val=$(this).val();
   if(val=='')
   {
       //alert("empty");
       $("#resp").hide("");

   }
   else
   {
     $.post("search_db.php",{search:val},function(response){
     $("#resp").show("");
     $("#resp").html(response);
     });
   }
 });     

  **search_db.php**
  <tr align="center">
    <td><?php echo $i;  ?></td>
    <td><?php echo $rows['acc_num'];  ?></td>
    <td><?php echo $rows['cust_name'];  ?></td>
    <td><a href="tel:<?php echo $rows['phone_code'].$rows['contact']; ?>"><?php echo $rows['phone_code'].$rows['contact'];  ?></a></td>
    <td><?php echo $row_bal['bal'];  ?></td>
     <td><form action="account_statement.php" method="post"><input type="hidden" name="hide_id" value="<?php echo $rows['acc_num']; ?>" /><input type="hidden" name="hide_search" value="<?php echo $_POST['search']; ?>" /><button type="submit" class="btn btn-info">View</button></form></td>
 </tr>

 **Html**
<form action="search.php" method="post">
<div id="number"  style="padding-right:15px;">
   <div class="form-group" >
      <label class="control-label">Search</label><label id="error_search"></label>
      <input type="text" name="search" id="search" placeholder="Name or Phone or Place" required class="form-control" />
   </div>
</div>

Answer 1

你尝试过全路径吗？

例如：http://www.example.com/account_statement.php

或

简单put /之前account_statement.php

因此您的表单操作属性类似于action =“/ account_statement.php”

Answer 2

考虑这一个表

<table id="table">
     <tr>
          <td>...1</td>
     </tr>
</table>

只需替换div id

$("#resp").html(response);
or
//document.window.reload(); //if u want reload

或

您也可以使用插件（js插件）

数据表（参见本页）

https://datatables.net/examples/styling/display.html

Answer 3

使用<input type="submit" />代替<button type="submit">。如果您以html格式使用<button>，某些浏览器无法正常运行。

当使用jquery post方法检索数据时，单击按钮时表单不提交

3 个答案: