自动提示功能-focus-keyup-发送请求

$doc.on('click', function() {
$('搜索结果框').hide();//点击任意位置搜索结果框隐藏
});
$('.immediately-ser').on('click', function(event) {
//防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数。
//这不会阻止同一个元素上的其它事件处理函数的运行。
event.stopPropagation();
});

$('.输入框').on('focus keyup', function() {
var $this = $(this),
str = '',
val = $this.val();
$.post('请求地址', {comname: val}, function(data) {//comname为输入值
var dataLength = data.data.length;//返回json
$('.immediately-ser-con').empty();//清空搜索结果框
if (data.status) {
for (var i=0; i< dataLength; i++) {
str += '<li data-id="' + data.data[i].supid + '">' + data.data[i].comname + '</li>'

}
$('<ul>' + str + '</ul>').appendTo('.搜索结果框');
}else {
$('.搜索结果框').text(data.msg);
}
$('.搜索结果框').show();
}, 'json')
});

最后

以上就是粗犷诺言为你收集整理的自动提示功能-focus-keyup-发送请求的全部内容，希望文章能够帮你解决自动提示功能-focus-keyup-发送请求所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。