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

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

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

搜索的大概步骤:

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 - 在搜索中显示查询条件
56 0
|
自然语言处理 索引
ES 匹配多个搜索条件和精确查询
ES 匹配多个搜索条件和精确查询
|
5月前
|
索引
Elasticsearch 精确查询:术语查询、多术语查询、主键查询、范围查询、存在查询、前缀查询、正则查询与通配符查询
Elasticsearch 精确查询:术语查询、多术语查询、主键查询、范围查询、存在查询、前缀查询、正则查询与通配符查询
|
6月前
|
SQL 前端开发 Java
实现数据的搜索( 筛选 )功能
实现数据的搜索( 筛选 )功能
|
JavaScript
js多条件筛选(可单条件搜索还可以模糊查询)
js多条件筛选(可单条件搜索还可以模糊查询)
259 0
|
SQL 存储 前端开发
MySQL模糊查询 先展示精确查询在展示模糊查询结果 | 结果按匹配度 排序
MySQL模糊查询 先展示精确查询在展示模糊查询结果 | 结果按匹配度 排序
614 0
|
XML JSON 缓存
Java实现根据关键词搜索请求lazada商品列表数据方法
Java实现根据关键词搜索请求lazada商品列表数据方法
|
XML JSON 缓存
Java实现根据关键词搜索请求快手商品列表数据方法
Java实现根据关键词搜索请求快手商品列表数据方法
|
XML JSON 缓存
Java实现关键词搜索获取淘宝商品列表数据方法
Java实现关键词搜索获取淘宝商品列表数据方法