自动匹配搜索结果
2018-02-21 17:53
218 查看
以前看过这个原理,但一直未动手实现它,这次摘自外卖人源码,留待参考: var searltime;
$("#searchname").keyup(function(){
clearTimeout(searltime);
searltime = setTimeout("shopsearch()",300);
})
$("#searchwords").bind('click',function(){
shopsearch();
});
function shopsearch(){
var searchname = $("#searchname").val();
if(searchname != ''){
$("#nowordsearch").hide();
$("#havesearch").show();
$("#havesearch").html('');
var url = 'http://takeout.scsj.net.cn/index.php?ctrl=wxsite&action=searchresult';
$.post(url, {'searchname':searchname},function (data, textStatus){
$('#havesearch').html(data);
myScroll.refresh();
}, 'html');
}else{
$("#havesearch").hide();
$("#nowordsearch").show();
}
}
$("#searchname").keyup(function(){
clearTimeout(searltime);
searltime = setTimeout("shopsearch()",300);
})
$("#searchwords").bind('click',function(){
shopsearch();
});
function shopsearch(){
var searchname = $("#searchname").val();
if(searchname != ''){
$("#nowordsearch").hide();
$("#havesearch").show();
$("#havesearch").html('');
var url = 'http://takeout.scsj.net.cn/index.php?ctrl=wxsite&action=searchresult';
$.post(url, {'searchname':searchname},function (data, textStatus){
$('#havesearch').html(data);
myScroll.refresh();
}, 'html');
}else{
$("#havesearch").hide();
$("#nowordsearch").show();
}
}
相关文章推荐
- android 搜索自动匹配关键字并设置器颜色
- 基于jQuery实现搜索关键字自动匹配功能
- EditText搜索关键字,返回结果匹配关键字改变颜色
- Android搜索结果显示高亮实例(有数据滑动底部自动刷新)
- <练手1>(python+selenium)随机生成搜索码,搜索,并在搜索栏匹配结果进行输出
- 搜索内容自动匹配
- ajax实现搜索提示功能 (关键字自动匹配功能)
- JQuery+ajax实现类似百度搜索自动匹配功能
- Jquery插件仿百度搜索关键字自动匹配功能
- JQuery+ajax实现类似百度搜索自动匹配功能
- jQuery的搜索关键词自动匹配插件
- [转] 利用AJAX实现搜索提示功能 (关键字自动匹配功能)
- 未来搜索新趋势?谷歌推个性化与自动结果搜索
- JS实现自动匹配搜索字符
- Jquery插件仿百度搜索关键字自动匹配功能
- asp.net JQuery Ajax WebService 搜索 自动匹配 动态生成ul li 点击li 获取li内容
- Android拨号盘T9搜索号码中有空格就没有匹配结果的问题
- android 搜索自动匹配关键字并且标红
- winform 模仿 百度搜索 时 自动匹配 效果
- Jquery模仿Baidu、Google搜索时自动补充搜索结果提示