当后端没有提供数据列表的模糊搜索的接口时,我们可以在前端利用JS实现数据列表的模糊搜索功能。
举例说明:当我们需要在部门列表中,实现模糊搜索的功能,这时可以不用走后端接口,我们可以把这些部门列表存放在一个数组中,然后根据用户输入的部门名称在这个数组中模糊搜索。(我们可以把部门列表放入localstorage或者sessionstorage中保存)
注意:localstorage和sessionstorage只能存字符串,不能存对象。
第一步:页面加载后显示部门列表(JS代码,走后端接口获取部门列表并显示,将列表存入localstorage中)
function getDeptListByUserId(){
$.ajax({
type: "POST",
url:"getDeptList.do",
async:false,
dataType :"json",
data: {
},
success:function(result){
var str = "";
var depts = result.dept;
localStorage.setItem("deptList", JSON.stringify(depts));
for(var i=0;i<depts.length;i++){
str +="<li><a>"+depts[i].CC_Name+"