Javascript 刷新OnKeyUp搜索筛选器的结果

我有onkeyup搜索功能，它工作正常，没有任何问题。 我希望当我在一个文本框中写作时，有一部分结果我希望在不重新加载整个页面的情况下不断更新

我已经使用下面的代码在xxx秒后自动刷新，它正在使用下面的刷新代码刷新div部分，但在按键更改时，不会自动刷新。我需要它在xxx秒后自动刷新

如果办公时间仍然有效或已关闭，则结果中有“关闭”和“打开”按钮。如果我用OnKeyUp搜索，结果显示TRAVEL office的结果是打开的，5秒后，它的计时将结束，我需要保留刷新代码，以便在时间结束并刷新它的时候工作

在这方面需要帮助，如果有人可以调整，请

刷新代码：

$(document).ready(function() {
  $.ajaxSetup({ cache: false });
  setInterval(function() {
    $('#pen').load('sample.php');
  }, 1000); // the "3000" 
});

HTML

<form class="well-home span6 form-horizontal">
<input type="text" id="book" onKeyUp="book_suggestion()">
</form>
<!-- Display Result of onkeyup Search -->
<div class="check" id="suggestion">
<!-- Refresh here -->
<div class="row check" id="pen">

</div>
</div>

---

这是一个典型的调用示例，如何将jQuery与普通javascript和元素上的

事件混合在一起，从而混淆您自己。一旦使用jQuery，就让我们利用它的优点

首先，组织您的东西，并且只使用jQuery，从元素中删除onKeyUp

//Setinterval
var timer = setInterval(function () {
    $('#pen').load('sample.php');
}, 1000);

$('#book').on('keyup', function() {

    $('#suggestion').load('sample.php', {action: 'onkeyup',  textboxSearch: $(this).val()}, function(response) {
        console.log('Response of sample: ' + response + ' if you need');
    });
});

但是，您的主要问题是您在计时器中更新了
$（“#笔”）
，这没什么问题，但是当您执行
键控时，它会更新整个
#建议
，因此
$（“#笔”）
将丢失。
当我在文本框中写入时，我希望有一部分结果我希望在不重新加载整页的情况下保持更新。
您永远不会重新加载整页。“我希望在不重新加载整个页面的情况下保持更新”这句话到底是什么意思？你的意思是想将HTTP请求获得的“建议”内容附加到建议div（而不是使用.innerHTML和.load替换div的全部内容）@briosheje在结果上有关闭和打开按钮，如果办公时间仍然有效或关闭。如果我用OnKeyUp搜索，它显示我旅行社的结果是打开的，5秒后它的计时将结束，我需要保留刷新代码，以便在时间结束时工作并刷新它。感谢你组织的代码，我用我的代码更改了它。但我面临的问题仍然存在。没有办法做我想做的事情吗？正如我在回答的底部所写的：
但是，你的主要问题是你在计时器中更新$（'pen'），没关系，但是当你执行keyup时，它会更新整个建议，所以$（'pen'）会丢失。
换句话说，从
#建议
//Setinterval
var timer = setInterval(function () {
    $('#pen').load('sample.php');
}, 1000);

$('#book').on('keyup', function() {

    $('#suggestion').load('sample.php', {action: 'onkeyup',  textboxSearch: $(this).val()}, function(response) {
        console.log('Response of sample: ' + response + ' if you need');
    });
});