小程序搜索功能

本文主要探讨了小程序中实现搜索功能的技术细节,包括如何利用JS进行数据处理、搜索关键字匹配及搜索结果展示等方面,旨在帮助开发者更好地理解和构建高效的小程序搜索功能。
摘要由CSDN通过智能技术生成

JS

// pages/selectResult/selectResult.js
const db = wx.cloud.database()
const $ = db.command.aggregate
const _ = db.command

Page({
  data: {
    // 定义搜索结果变量,初始化为空数组
    postlist: [],
    // 定义inputValue,输入框的input值,初始化为空
    inputValue: "test"
  },
  handleInput(e) {
    this.setData({
      inputValue: e.detail.value,
      'postlist': []
    })
    console.log(e.detail.value)
    console.log(this.data.inputValue)
  },

  // qSearch 发送请求函数(参数为输入框中的值)
  // qSearch: function (query) {
  //   wx.showLoading({
  //     title: '加载中...',
  //   })

    onShow: function () {
    let app = getApp()
    console.log(this.data.inputValue)
    db.collection('POST').where({
        content: db.RegExp({
        regexp: this.data.inputValue,//做为关键字进行匹配
        options: 'i',//不区分大小写
      })
    }).get({
      success:res=> {
        console.log("获取信息",res.data)
        // cons
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值