接口数据多条件搜索(模糊查询)

简介: 接口数据多条件搜索(模糊查询)

可单条件搜索也可多条件搜索,当搜索一个条件时,在加一个条件是根据上一次搜索返回的数据进行查询

搜索的大概步骤:

1.创建一个对象每点击搜索的时候清空对象,然后对象的名字需要和接口返回过来的参数一样。

2.循环对象进行排除,把空的或者空字符串都给排除掉。

3.将对象与接口返回的数据进行筛选,有符合条件的就放到一个数组里。

4.判断数组是否为空,为空的话就是没有符合条件的数据。

//搜索
function seach() {
  let obj = {}
  obj = {
    name: $('#seach_list input').eq(0).val(),
    tel: $('#seach_list input').eq(1).val(),
  }
  //排除空
  for (let key in obj) {
    if (obj[key] == '' || obj[key] == null) {
      delete obj[key]
    }
  }
  let filter = (condition, data) => {
    return data.filter(item => {
      return Object.keys(condition).every(key => {
        return String(item[key]).toLowerCase().includes(
          String(condition[key]).trim().toLowerCase())
      })
    })
  }
  console.log(obj);//obj条件对象 dat接口返回数据
  let data = filter(obj, dat)
  if (data != '') {
    dat = data
    box(dat)
  } else {
    alert('没有相关信息')
  }
}
相关文章
|
JavaScript 前端开发 Java
64jqGrid - 在搜索中显示查询条件
64jqGrid - 在搜索中显示查询条件
61 0
|
自然语言处理 索引
ES 匹配多个搜索条件和精确查询
ES 匹配多个搜索条件和精确查询
|
7月前
|
SQL 前端开发 Java
实现数据的搜索( 筛选 )功能
实现数据的搜索( 筛选 )功能
|
JavaScript
js多条件筛选(可单条件搜索还可以模糊查询)
js多条件筛选(可单条件搜索还可以模糊查询)
299 0
|
SQL 存储 前端开发
MySQL模糊查询 先展示精确查询在展示模糊查询结果 | 结果按匹配度 排序
MySQL模糊查询 先展示精确查询在展示模糊查询结果 | 结果按匹配度 排序
637 0
|
XML JSON 缓存
Java实现根据关键词搜索1688商品列表数据方法
Java实现根据关键词搜索1688商品列表数据方法
|
前端开发 JavaScript
多条件搜索
多条件搜索
100 0
|
SQL 索引
白话Elasticsearch03- 结构化搜索之基于bool组合多个filter条件来搜索数据
白话Elasticsearch03- 结构化搜索之基于bool组合多个filter条件来搜索数据
304 0
|
SQL Java
白话Elasticsearch04- 结构化搜索之使用terms query搜索多个值以及多值搜索结果优化
白话Elasticsearch04- 结构化搜索之使用terms query搜索多个值以及多值搜索结果优化
531 0