微信小程序：姓名搜索

首先建造一个搜索框

wxml代码如下：

<form > 
          <view class="search">
              <input confirm-type="search" placeholder="搜索学号/姓名" bindinput='input' value="{{condition}}"/>
              <button form-type='submit' size="mini" bindtap='search'>搜索</button>
          </view>
        </form>

效果如图：

此外，若实现所搜功能需要js代码：

const app = getApp();var page = 1;var isfinish = false;function loadmore(that) { if (isfinish) return; wx.showLoading({ title: '加载中', }) wx.request({ url: xxx, data: { page: page, condition: that.data.condition }, success: (res) => { wx.hideLoading(); // that.setData({ student: res.data }) // page++; if (res.data.length > 0) { var student = that.data.student; for (var i = 0; i < res.data.length; i++) { student.push(res.data[i]); } that.setData({ student: student }) page++; } else { isfinish = true; } wx.stopPullDownRefresh(); // console.log(res.data) } })}Page({ data: { student: [], condition: '' }, input: function (event) { this.setData({ condition: event.detail.value }) }, //查询 search: function () { page = 1; isfinish = false; // console.log(e) this.setData({ student: [] }); loadmore(this); }})

这样就可以实现搜索功能了。