使用Ajax和PHP mysql进行实时搜索

时间:2016-02-24 07:28:22

标签: javascript php jquery mysql ajax

我使用AJAX,PHP和mysql创建了一个实时搜索。当我点击搜索结果时,将我重定向到特定的页面,它完美地工作。现在我需要一个小小的改变。 我只需要: 当我单击搜索结果时,该特定结果应显示在输入字段中。 这是我的AJAX代码:

 <script type="text/javascript">

AJAX代码结束

PHP代码

<?php
ob_start();
session_start();
include("Base.php");
$dbase=new Base();

@$userID=$_SESSION['userID'];


$createdDate=date("Y-m-d");
$createdTime=date("h:i:s A");



 $partialStates=mysql_escape_string($_REQUEST['q']);
$qryy="SELECT * from `gon_pro` WHERE `pro_name` LIKE
'%$partialStates%' ";
$pser=$dbase->execute($qryy);
$ser_nums=mysqli_num_rows($pser);
while($co[]=mysqli_fetch_array($pser)){
    }
?>



<?php
foreach ($co as $key => $namo) {
    $cv=$namo['pro_name'];
    $cv_id=$namo['id'];
    $cv_p=$namo['price'];
?>
<a  href="pro_det.php?prolod=<?php echo $cv_id; ?>"><p class="res
col-md-6"><?php echo $cv; ?></p></a>

<?php
}
?>

结束PHP代码

        function getStates(str) {

            if (str.length == 0) {
                document.getElementById("row").innerHTML = "";
                document.getElementById("results").innerHTML =""

            } else {

                var xmlhttp = new XMLHttpRequest();
                xmlhttp.onreadystatechange = function() {

                    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                        document.getElementById("results").innerHTML =
xmlhttp.responseText;

                    }
                };
                xmlhttp.open("GET", "support/getStates.php?q=" + str, true);
                xmlhttp.send();
            }
        }
    </script>

0 个答案:

没有答案