AJAX Live Search,根据输入

时间:2016-11-17 20:18:54

标签: javascript php jquery html ajax

我正在尝试实施AJAX实时搜索,但是在链接页面时出现问题,我花了2个小时左右玩耍并且没有提出解决方案。

我有一个index.php页面,它具有页面结构和简单形式:

<!DOCTYPE HTML>
<html>
    <head>
        <title>test</title>    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>    
    </head>
    <body> 

<input id='search' type="text">
<div id='result'></div>    
<script>

$("#search").on("input", function() {

    $search = $("#search").val();
    if ($search.length > 0) {
        $.get("res.php", {"search":$search}, function($data){
            $("#results").html($data);
        })
    }    
});

</script>    
    </body>
</html>

这是我的res.php页面:

<?php     
    print_r($_GET);    
?>

据我所知,这应该是输出其下方搜索字段的输入。我没有看到的东西,我很确定代码中没有错误。

0 个答案:

没有答案