Php 使用jqueryajax如何将搜索到的数据显示到表中
我已经使用PHP创建了HTML表并显示数据。现在我想使用jquery ajax在该表上实现搜索操作。我对jquery和ajax不熟悉。我想要的是,如果我输入的字符超过3个,它将显示基于搜索的记录。我试过一些代码,但它不起作用。我不知道我尝试的方法是否正确如果您有任何帮助,我们将不胜感激。谢谢 HTML: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(函
名称
住址
电话
电子邮件
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;
?>