js 、jquery 实现input边输入边搜索，实时搜索功能

能c能v

于 2019-11-13 12:05:14 发布

阅读量5.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jQuery 原创

本文链接：https://blog.youkuaiyun.com/qq_43391160/article/details/103046554

原创同时被 2 个专栏收录

51 篇文章

订阅专栏

jQuery

3 篇文章

订阅专栏

本文介绍了一种使用keyup事件和getData方法实现的实时搜索功能。当输入框内容发生变化时，会实时获取并提交输入值给后台，从而实现动态搜索。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.实现这个功能主要是 keyup() 事件，input框的值有变化时，会实时获取input的值value，并传给getData(value)方法，

getData()是发起我们自己ajax数据请求的方法。

$('.search-box input').keydown(function(event){
	if(event.keyCode == 13) {
		let value = this.value
		getData(value)
		// 阻止默认事件
		return false;
	}
})

将input的value作为参数提交给后台

这样就能实现实时搜索功能了