js实现模糊查询

JavaScript046

js实现模糊查询,第1张

前端进行模糊查询需要用到new RegExp() 正则表达式。

RegExp: https://www.w3school.com.cn/jsref/jsref_obj_regexp.asp

这里需要用到的方法是exec,意思是检索字符串中指定的值。返回找到的值,并确定其位置。

首先初始化两个数组,一个用于渲染,一个用于保持基本数据:

这是自动完成功能

思路:

当你输入一个字符之后(这个可以你自己定义变量来约束,随便几个),通过AJAX访问后台,查询到所有结果包含你输入的字符的一个结果集 然后再返回给前端 当然你可以在后台封装好(即拼接hmtl代码和结果) 将返回的结果放到文本框下面的那个DIV里面 显示出来 就OK了

具体代码不难 如果你是程序员 告诉你思路应该就可以实现了