微信小程序实现搜索功能并跳转搜索结果页面

微信小程序实现搜索功能并跳转搜索结果页面微信小程序实现搜索功能并跳转搜索结果页面

主要介绍了微信小程序实现搜索功能并跳转搜索结果页面，具有一定的参考价值，感兴趣的小伙伴们可以参考

一下

本文实例为大家分享了微信小程序实现搜索功能，并跳转搜索结果页面，供大家参考，具体内容如下

搜索页面：搜索页面：

search.wxml页面：

<view class="form">

<input class="searchInput" value='{{keyWord}}' bindconfirm='goSearch' placeholder="请输入搜索关键字" type="text" />

.searchInput {

border: 1px solid #2c3036;

height: 40px;

line-height: 40px;

font-size: 14px;

border-radius: 20px;

color: #bebec4;

padding-left: 35px;

}

wx.request({

url: 'https://xxxxx/homepage/search',

data: {

title: formData

},

header: {

'Content-Type': 'application/json'

wx.showToast({

title: '无相关视频',

icon: 'none',

duration: 1500

})

}else{

let str = JSON.stringify(res.data.result.data);

wx.navigateTo({

url: '../searchShow/searchShow?data=' + str

})

wx.showToast({

title: '输入不能为空',

icon: 'none',

duration: 1500

})