使用 jquery 搜索
search with jquery
我通过js搜索我的网站。
他们的代码可能看起来像:有一个表单,当 KeyUp 事件时,它会将 post 发送到一个文件并将该文件中的数据检索到div 疯狂的 HTML 中。
但这自己有麻烦了。我发现"a"的例子大约有 3000 个结果。例如,花一秒钟发送帖子。 所以我按"c"现在将帖子发送到文件是"ac",并且有 100 个这样的结果需要 0.3 秒。例如,当我按下字母"a"到"c"0.2秒时,它应该在0.5秒处显示结果"ac"。然后 0.5 秒后它是"a"的结果。~> 查找"ac"以查找"a"那么,当您按" c"然后它停止发送值为" a"的发送帖子时,您现在该怎么办,该发送值为" ac"的帖子。
<form method="post" onsubmit="return checkForm(this.form)">
<div class="search padding">
<input type="text" id="searchbox" name="manga_name" class="input" value="Tìm truyện muốn đọc ..." onfocus="if (value =='Tìm truyện muốn đọc ...'){value =''}" onblur="if (value ==''){value='Tìm truyện muốn đọc ...'}" />
<input type="submit" value=" " id="searchsubmit" class="go"/>
</div>
</form>
<div id="result"></div>
还有剧本:
<script>
$('#searchbox').keyup(function() {
search();
});
function search() {
var keyword = $('#searchbox').val();
if (keyword != "") {
$('#result').html(loadingText);
$('#result').css('display', 'block');
$.post('/search/',{"keyword":keyword}, function(data){
if (data != "")
{
$('#result').html(data);
}
else
{
$('#result').html('');
$('#result').css('display', 'none');
}
});
}
else {
$('#result').html('');
$('#result').css('display', 'none');
}
}
</script>
// use to delay the callback execution
// so your search will be executed only you stop typing after 0.5(500 ms for example) second
var delay = (function(){
var timer = 0;
return function(callback, ms){
clearTimeout(timer);
timer = setTimeout(function() {
callback();
}, ms);
}
}());
$('#searchbox').keyup(delay(search, 500));
你可以试试;
var timer = null;
$("#text_box").keyup(function() {
if(timer) {
clearTimeout(timer);
}
timer = setTimeout(search, 1000);
});
我之前问过一个类似的问题。在发布问题之前,请务必在堆栈溢出中进行搜索。
相关文章:
- 用程序搜索JQuery数据表中的文本
- 学生搜索项目jquery/javascript
- JQuery中的活动搜索栏
- 在web应用程序中的新搜索中重新加载搜索结果(不带jQuery)
- 如何使用jQuery按键搜索和获取json行数据
- 在Jquery中选择第一个搜索项而不单击它
- 免费的JQuery表排序插件(带搜索)
- JSON和jQuery实时搜索
- jQuery-在数组中搜索类似的元素
- jQuery递归搜索类的父元素
- jQuery Datatables:单个列搜索不起作用
- 搜索并用jQuery替换整个HTML字符串
- jQuery Datatables-从搜索中只返回表中的前5行
- 如何使用jQuery进行不区分大小写的搜索
- jQuery用fiddle在标题中查询移动搜索输入(标题的覆盖)
- 在导航栏中的搜索表单上使用jQuery for Action Listeners
- 即时搜索jquery插件
- PHP/MySQL实时搜索JQuery
- 实时文本搜索jquery,错误的选择器
- 实时搜索jquery(在li标题中搜索)