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

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

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

搜索的大概步骤:

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('没有相关信息')
  }
}
相关文章
|
6月前
|
JavaScript 前端开发 Java
64jqGrid - 在搜索中显示查询条件
64jqGrid - 在搜索中显示查询条件
30 0
|
自然语言处理 索引
ES 匹配多个搜索条件和精确查询
ES 匹配多个搜索条件和精确查询
|
2月前
|
人工智能 Python
条件过滤检索
向量检索服务DashVector支持条件过滤和向量相似性检索相结合,在精确满足过滤条件的前提下进行高效的向量检索。
|
9月前
|
JavaScript
js多条件筛选(可单条件搜索还可以模糊查询)
js多条件筛选(可单条件搜索还可以模糊查询)
166 0
|
5月前
|
小程序 JavaScript
小程序搜索弹出搜索内容功能(模糊查询)
小程序搜索弹出搜索内容功能(模糊查询)
32 0
|
9月前
|
XML JSON 缓存
Java实现根据关键词搜索1688商品列表数据方法
Java实现根据关键词搜索1688商品列表数据方法
75 0
|
SQL 存储 前端开发
MySQL模糊查询 先展示精确查询在展示模糊查询结果 | 结果按匹配度 排序
MySQL模糊查询 先展示精确查询在展示模糊查询结果 | 结果按匹配度 排序
535 0
|
9月前
|
前端开发 JavaScript
多条件搜索
多条件搜索
59 0
|
11月前
|
SQL 索引
白话Elasticsearch03- 结构化搜索之基于bool组合多个filter条件来搜索数据
白话Elasticsearch03- 结构化搜索之基于bool组合多个filter条件来搜索数据
258 0