微信小程序实现简单搜索功能含c#后台解析和部分代码

最新推荐文章于 2022-06-09 09:36:21 发布

我胡一筒啊

最新推荐文章于 2022-06-09 09:36:21 发布

阅读量1.1k

点赞数

分类专栏：微信小程序开发笔记文章标签：微信小程序搜索功能

本文链接：https://blog.csdn.net/weixin_43784256/article/details/84451155

版权

本文介绍如何在微信小程序中实现简单的搜索功能，包括前端列表数据处理和使用Ajax请求后台接口。后台接口采用一般处理文件GetListByTag.ashx，类库ArtcInfoAPI.cs用于数据处理。数据存储时，多个标签以逗号分隔存储在ArtcTag列。搜索功能利用Sql Server的模糊查询like进行实现。

摘要由CSDN通过智能技术生成

先放效果图

在这里插入图片描述

思路

列表在前端是一个数组，里面有多个对象，每个对象对应一个item
在index.js里面放一个数组存着就行了

arraylist: []

前端发送wx:request请求写好的接口，然后返回一个json格式的字符串，因为默认datatype 是json，它会自动把json格式的字符串转成数组对象，我们直接放到arraylist里面去就好了

这里是我的ajax请求的代码

wx.request({
      url: 'http://192.168.3.131:8090/ImageShare/API/GetListByTag.ashx', //仅为示例，并非真实的接口地址
      data: {
        inputValue: this.data.inputValue
      },
      method: "post",
      header: {
        'content-type': 'application/x-www-form