javascript - 从输入中删除最后一个字符时 Div 不会刷新

Question

我目前正在使用 onkeyup="Search();" 制作搜索功能，如下所示:

<input type="text" id="IDsearch" onkeyup="Search()" autofocus>

它的功能是:

<script type="text/javascript">
    function Search() {
        var inputVal = $('#IDsearch').val();

        $.post('searchTest.php', {postname: inputVal},
        function (data) {
            $('#IDsearch').val(data)
        });
        $('#divRefresh').load('searchTest.php');
    }

</script>

是的，我使用同一个文件将值放入 php $_SESSION['value']; 并存储新的 div 数据。没问题，它有效，效果很好。

但是当我从搜索框中删除最后一个字符时，我需要按两次退格键才能更新我的 div。

假设我有一个带有“a”的文本框。我会按退格键更新 a，但什么也不会发生。一旦我再次按退格键，我的 div 将更新并再次发布所有原始值。

我是否遗漏了一些明显的东西？ 它应该以同样的方式工作http://www.datatables.net/确实如此。

我之前问过关于这个程序的问题，但不是关于这个问题，我希望这不是问题。

Answer 1

我会经历$("#IDsearch").keyup(function(){});

用该函数尝试了您的代码，但不起作用，即使使用 $("#divRefresh").html(theInputOfYours); 我向您提到的另一种方法也可以完美工作，即使使用退格键也是如此.

$(document).ready(function() {
    $("#IDsearch").keyup(function() {
        var value = $(this).val();
        var posting = $.post("your_php_file.php", {val: value})
        posting.done(function( data ) {
            $( "#divRefresh" ).html(data);
        });
    });
});

这个帖子是我可以给出的一个非常基本的例子，我用来配合 $.ajax() 函数