Php 使用jqueryajax如何将搜索到的数据显示到表中

Php 使用jqueryajax如何将搜索到的数据显示到表中,php,jquery,html,ajax,Php,Jquery,Html,Ajax,我已经使用PHP创建了HTML表并显示数据。现在我想使用jquery ajax在该表上实现搜索操作。我对jquery和ajax不熟悉。我想要的是,如果我输入的字符超过3个,它将显示基于搜索的记录。我试过一些代码,但它不起作用。我不知道我尝试的方法是否正确如果您有任何帮助,我们将不胜感激。谢谢 HTML: 名称 住址 电话 电子邮件 GSTIN数 银行名称 帐号 IFSC代码 编辑 这是我的jquerycode $(函数(){ var minlength=3; $(“#搜索”).keyup(函

我已经使用PHP创建了HTML表并显示数据。现在我想使用jquery ajax在该表上实现搜索操作。我对jquery和ajax不熟悉。我想要的是,如果我输入的字符超过3个,它将显示基于搜索的记录。我试过一些代码,但它不起作用。我不知道我尝试的方法是否正确如果您有任何帮助,我们将不胜感激。谢谢

HTML:



名称
住址
电话
电子邮件
GSTIN数
银行名称
帐号
IFSC代码
编辑
这是我的jquerycode
$(函数(){
var minlength=3;
$(“#搜索”).keyup(函数(){
调试器;
var值=$(this.val();

如果(minlength根据您的要求,如果您使用一些客户端库,如data table,则会更好。检查此链接。在这种情况下,您应该对处理json以及使用php和mysql创建json有更好的了解。希望这会有所帮助。谢谢

什么不起作用?ajax还是php?您是否检查了浏览器控制台以查看ajax是否可用fires?您是否分别尝试过php代码以确保它返回结果?例如,没有看到
#search
输入。没有看到您
echo$vlist;
您尝试的查询是什么。我知道您尝试了一些东西,但没有成功。请添加这些。ajax无法调用search.php文件。如果我实现另一个我喜欢在文本框中输入数据并单击按钮后,它工作正常。但是我想使用ajax调用来实现这一点。谢谢您的回答。这些代码都在同一个文件中吗?jquery和table在同一个文件中。但是search.php是不同的。这有帮助吗?我们不能这样做。您可以这样做,但您需要对javascript和do有深入的了解m解析。正如你所说,你是新手,使用库会更好。随着你经验的增加,你可以考虑编写自定义内容。首先,你尝试理解json并用javascript操作它。如果真的对你有帮助,请不要忘记放弃投票。谢谢
  <input name="search" id="search" type="search">
  <div class="scrollingTable result" style="width:100%;">
  <table id="myTable" class="table table-striped table-bordered table-fixed" 
      cellspacing="0" style="width:100%;padding-top:20px;">
                   <thead>
                      <tr>
                        <th>Name</th>
                        <th>Address</th>
                        <th>Telephone</th>
                        <th>Email</th>
                        <th>GSTIN Number</th>
                        <th>Bankname</th>
                        <th>Account Number</th>
                        <th>IFSC Code</th>
                        <th>Edit</th>
                  </tr>
                </thead>
                      <tbody>
            <?php  if($vlist !=""){
               echo $vlist;
            }else {?>
                        <?php echo  $vndr_list;
          }?>
                      </tbody>
            </table>
    </div>

 this is my jquerycode

<script type="text/javascript">
  $(function(){
     var minlength = 3;
    $("#search").keyup(function(){
      debugger;
    var value=$(this).val();
      if(minlength<value.length){
        $.ajax({
        url: "search.php",
        type: "POST",
        data: {name :value},
        success: function(html){
        $("#myTable").append(html);
      }
      });
      }
    });
    });

 this is my php file search file which is calling in ajax

<?php
require('Assests/connection/connection.php');
$vlist = "";
 if(isset($_POST['name'])){
 $find=$_POST['name'];
 $result = mysqli_query($conn,"SELECT `vndr_id`, s.state as 
state,`vndr_name`, 
`vndr_address`, `vndr_pincode`, `vndr_telephone`, `vndr_mobile`, 
`vndr_mailid`, `vndr_country`, `vndr_gsttin`, `vndr_cstno`, 
`vndr_totaldebit`, 
`vndr_totalcredit`, `vndr_bankname`, `vndr_acno`, `vndr_ifsccode` FROM 
`vendors` vndr INNER JOIN states s ON vndr_state=s.state_id
WHERE vndr_name LIKE '%{$find}%' OR vndr_mailid LIKE '%{$find}%'") or 
DIE(mysqli_error($conn));

while ($row = mysqli_fetch_array($result))
{
        $id          = $row['vndr_id'];
        $vndrname    = $row['vndr_name'];
        $vndraddres  = $row['vndr_address'];
        $vndrpincode = $row['vndr_pincode'];
        $vndrstate   = $row['state'];
        $vndrtlphno  = $row['vndr_telephone'];
        $vndrmobile  = $row['vndr_mobile'];
        $vndrmailid  = $row['vndr_mailid'];
        $vndrcountry = $row['vndr_country'];
        $vndrgst     = $row['vndr_gsttin'];
        $vndrcst     = $row['vndr_cstno'];
        $vndrdebit   = $row['vndr_totaldebit'];
        $vndr_credit = $row['vndr_totalcredit'];
        $vndrbnkname = $row['vndr_bankname'];
        $vndracno    = $row['vndr_acno'];
        $vndrifsc    = $row['vndr_ifsccode'];

        $vlist.="
                                                    <tr>
                                                       <td>$vndrname </td>
                                                       <td>$vndraddres ,$vndrstate - $vndrpincode</td>
                                                       <td>$vndrtlphno , $vndrmobile</td>
                                                       <td> $vndrmailid </td>
                                                       <td> $vndrgst</td>
                                                       <td>$vndrbnkname</td>
                                                       <td>$vndracno </td>
                                                       <td>$vndrifsc</td>
                                                       <td><a href='abc.php?id=$id'><i class='fa fa-edit fa-2x'></i></a></td>
                                                    </tr>
    }                                                ";
   }
    echo   $vlist;
 ?>