Jquery POST在keyup上获取数据

Jon*_*ale 4 php ajax jquery

我想做的事

在文本字段中写入时,我想要<div class="result">填充PHP回显的内容.

但它不起作用!

jQuery的

$(document).ready(function() {
    var search = $("#search");
    if (search.val() !== '') {
        search.keyup(function() {
            $.post("index.php", { search : search.val()}, function(data) {
                $(".result").html(data);
            });
        });
    }
});
Run Code Online (Sandbox Code Playgroud)

PHP

    if (isset($_POST['search'])) {
        echo 'hello';
    }
Run Code Online (Sandbox Code Playgroud)

HTML

<input type="text" name="search" id="search"/>
<br />
<div class="result"></div>
Run Code Online (Sandbox Code Playgroud)

问题

填充输入时,没有任何反应,它意味着在键盘上输入输入的数据(输入新字符/或删除时).

什么阻止它工作?我是jQuery的新手.

谢谢.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

Edw*_*lex 5

这是错的.

if (search.val() !== '') {
Run Code Online (Sandbox Code Playgroud)

上面的那行应该是,

if (search.val() != '') {
Run Code Online (Sandbox Code Playgroud)

编辑:

然后将if条件包装在keyup函数中.

$(document).ready(function() {
    var search = $("#search");

        search.keyup(function() {
            if (search.val() != '') {
                $.post("getInputs.php", { search : search.val()}, function(data) {
                    $(".result").html(data);
                });
            }
        });
});
Run Code Online (Sandbox Code Playgroud)