javascript – 从PHP自动完成动态搜索SQL数据库

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 从PHP自动完成动态搜索SQL数据库，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2749字，纯文字阅读大概需要4分钟。

内容图文

我有一个搜索框,通过数据库进行搜索.在我的代码中,搜索在一个输入框中完成,动态搜索输出显示在它下面的文本区域中.

我想要的是像谷歌这样的搜索,当用户星星打字时,它应该显示数据库表中的类似项目.

例如,如果我有两个名为“Dummy 1”和“Dummy 2”的组织,并且用户键入“du”,则搜索栏应显示2个结果,用户应该能够选择一个.

我的代码是：

<form action="newbrand.php" method="post">
    <br>
    Brand Name: <input type="text" name="bname" /><br><br>
    Search for an Organization: <input type="text" name="search" onkeyup="searchq()" id="output"><  
    Selected Organization:<textarea id="output"></textarea>
</form>

js是这样的：

<script type="text/javascript">
function searchq(){
    var searchTxt = $("input[name='search']").val();
    $.post("search.php", {searchVal: searchTxt},function(output){
        $("#output").html(output);
    }
}
</script>

这是search.php文件：

<?php
include 'db_connect.php';
$link = mysqli_connect($host, $username, $password, $db);
if(!link){
    echo "DB Connection error";
}
$output = '' ;
$output2 = '' ;
if (isset($_POST['searchVal'])){
$searchq = $_POST['searchVal'];
//$searchq = preg_replace("#[^0-9a-z]#i","",$searchq);
$query = mysqli_query($link, "SELECT * FROM `organisations_info` WHERE `Organisation_Name` LIKE '%$searchq%'")or die("Could not search!");
$count = mysqli_num_rows($query);
if($count == 0){
    $output = '<div>No results!</div>';
}else{
    while($row = mysqli_fetch_array($query)){
        $orgname = $row['Organisation_Name'];
        $orgid = $row['Organisation_Id'];
        $subs = $row['Subscription_Type'];
        //$output = echo "<option value='".$orgname."'>" . $orgname . "</option>";
        $output = $orgname; 
        $output2 = $orgid; 
        $output3 = $subs;
        //$output = '<div>'.$orgname.'</div>';
    }
}
}
echo ($output);
?>

我怎样才能做到这一点？

解决方法:

只需更改您的查询：

$query = mysqli_query($link, "SELECT * FROM `organisations_info` WHERE `Organisation_Name` LIKE  '%".$searchq."%' ")or die("Could not search!");

并且查询将正常工作:)

然后在search.php中以HTML格式输出响应(相应地管理css)：

<?php
include 'db_connect.php';
$link = mysqli_connect($host, $username, $password, $db);
if(!link){
    echo "DB Connection error";
}
$output = '' ;
$output2 = '' ;
if (isset($_POST['searchVal'])){
$searchq = $_POST['searchVal'];
//$searchq = preg_replace("#[^0-9a-z]#i","",$searchq);
$query = mysqli_query($link, "SELECT * FROM `organisations_info` WHERE `Organisation_Name` LIKE  '%".$searchq."%' ")or die("Could not search!");

$count = mysqli_num_rows($query);
if($count == 0){
    $output = '<div>No results!</div>';
}else{
    while($row = mysqli_fetch_array($query)){
        $orgname = $row['Organisation_Name'];
        $orgid = $row['Organisation_Id'];
        $subs = $row['Subscription_Type'];
    ?>
        <div><?php echo $orgname; ?></div>';
        <div><?php echo $orgid ; ?></div>';
        <div><?php echo $subs ; ?></div>';
   <?php
    } // while
} // else
} // main if
?>

我希望这是你所需要的!!

内容总结

以上是互联网集市为您收集整理的javascript – 从PHP自动完成动态搜索SQL数据库全部内容，希望文章能够帮你解决javascript – 从PHP自动完成动态搜索SQL数据库所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端