搜索和数据展示

master
蔡军仁 3 months ago
parent afe5d5dbbf
commit b93050f966

@ -2,7 +2,7 @@ const { getHotSearch,getSearch } = require("../../api/index.js")
Page({ Page({
/** /**
* 页面的初始数据 * 页面的初始数据1
*/ */
data: { data: {
search:"", search:"",
@ -11,52 +11,52 @@ Page({
goodsData:[] goodsData:[]
}, },
/** /**
* 生命周期函数--监听页面加载 * 生命周期函数--监听页面加载2
*/ */
onLoad(options) { onLoad(options) {
getHotSearch().then(res =>{ getHotSearch().then(res =>{//获取热点搜索函数
this.setData({ this.setData({
hotSearch:res.data.data.result hotSearch:res.data.data.result//搜索数据结果
}) })
}) })
}, },
// 内容改变 // 内容改变3
onChange(e){ onChange(e){//内容展示函数
this.setData({ this.setData({
value:e.detail value:e.detail//获取值
}) })
}, },
/** /**
* 展示搜索数据在goods页面展示 * 展示搜索数据在goods页面展示4
* 1. 在搜索页面通过网络请求获取数据传递到goods页面显示 * 1. 在搜索页面通过网络请求获取数据传递到goods页面显示5
* 2. 在搜索页面将搜索的关键字传递到goods页面在goods页面做网络请求 * 2. 在搜索页面将搜索的关键字传递到goods页面在goods页面做网络请求6
*/ */
// 实现搜索 // 实现搜索7
onSearch(){ onSearch(){//搜索函数
this.http(this.data.value) this.http(this.data.value)//10
}, },
onSearchCliclk(){ onSearchCliclk(){//搜索点击函数
this.http(this.data.value) this.http(this.data.value)//11
}, },
/** /**
* 获取热门关键字 * 获取热门关键字8
*/ */
clickGetKeyWords(e){ clickGetKeyWords(e){
this.http(e.currentTarget.dataset.hotkey) this.http(e.currentTarget.dataset.hotkey)//使用this
}, },
http(search){ http(search){
getSearch({search}).then(res =>{ getSearch({search}).then(res =>{
if(!res.data.msg){ if(!res.data.msg){
// 序列化 // 序列化9
let goods = JSON.stringify(res.data.data) let goods = JSON.stringify(res.data.data)
wx.navigateTo({ wx.navigateTo({
url: '/pages/goods/goods?goodsData=' + goods, url: '/pages/goods/goods?goodsData=' + goods,//给出跳转网址
}) })
}else{ }else{
wx.showToast({ wx.showToast({
title: res.data.msg, title: res.data.msg,//获取记录搜索结果总数
}) })
} }
}) })

Loading…
Cancel
Save