資訊專欄INFORMATION COLUMN
摘要：返回的是搜索結(jié)果，這個(gè)結(jié)合你的數(shù)據(jù)庫(kù)吧，你想展示什么結(jié)果，你就把改成你數(shù)據(jù)庫(kù)的相關(guān)字段。
界面比較丑，主要實(shí)現(xiàn)邏輯...
超級(jí)簡(jiǎn)單的界面，表單，提交按鈕，搜索結(jié)果展示區(qū)域...
下面是index.wxml
*跟前端差不多，form表單要加一個(gè)bindsubmit="formSubmit"
接著就是index.js
//index.js
//獲取應(yīng)用實(shí)例
const app = getApp()
Page({
/**
* 頁(yè)面的初始數(shù)據(jù)
*/
data: {
result:"",
state:""
},
formSubmit: function (e) {
var that = this;
var formData = e.detail.value.id; //獲取表單所有name=id的值
wx.request({
url: "http://localhost/2018-5-24/search.php?id=" + formData,
data: formData,
header: { "Content-Type": "application/json" },
success: function (res) {
console.log(res.data)
that.setData({
re: res.data,
})
wx.showToast({
title: "已提交",
icon: "success",
duration: 2000
})
}
})
},
})
* url: "http://localhost/2018-5-24/search.php?id=" + formData,
這個(gè)很容易理解
var that = this;
var formData = e.detail.value.id;
先把表單name=id的值獲得，然后賦給formData這個(gè)變量
然后，在url進(jìn)行拼接，用+號(hào)拼接這個(gè)變量即可...
然后，提交到接口，后端進(jìn)行處理即可，后端處理后返回json格式的數(shù)據(jù)，然后通過
that.setData({
re: res.data,
})
進(jìn)行打印在控制臺(tái)，你也可以渲染在index.wxml
為了方便大家研究，我把后端的php源碼也貼出來。
search.php
*數(shù)據(jù)庫(kù)表名為test,里面一共有兩個(gè)字段，一個(gè)是id，一個(gè)是title
所以index.wxml里面有兩個(gè)值
{{item.result}} {{item.title}}
wx:for="{{re}}"指的是循環(huán)數(shù)組，在js代碼中，我們把所有服務(wù)端取得的數(shù)據(jù)，存進(jìn)了re的數(shù)組
然后，{{item.result}}指的是服務(wù)端返回表單為空的結(jié)果。{{item.title}}返回的是搜索結(jié)果，這個(gè)結(jié)合你的數(shù)據(jù)庫(kù)吧，你想展示什么結(jié)果，你就把title改成你數(shù)據(jù)庫(kù)的相關(guān)字段。
作者：TANKING
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/30808.html
摘要：資料整理關(guān)于配置微信小程序頁(yè)面附關(guān)于微信搜索小程序內(nèi)頁(yè)面的功能，只能在線上環(huán)境有用，而且沒有提供測(cè)試的渠道。二微信小程序激勵(lì)視頻廣告接入微信視頻廣告指引截圖具體使用注意激勵(lì)視頻廣告組件是一個(gè)原生組件，層級(jí)比普通組件高。 大綱：根據(jù)近期我在小程序開發(fā)中接到的需求，總結(jié)一下下面四個(gè)開發(fā)需求所遇到的問題： 1、關(guān)于微信現(xiàn)已開放小程序內(nèi)搜索（sitemap 配置）；2、微信小程序的激勵(lì)視頻廣告...
摘要：資料整理關(guān)于配置微信小程序頁(yè)面附關(guān)于微信搜索小程序內(nèi)頁(yè)面的功能，只能在線上環(huán)境有用，而且沒有提供測(cè)試的渠道。二微信小程序激勵(lì)視頻廣告接入微信視頻廣告指引截圖具體使用注意激勵(lì)視頻廣告組件是一個(gè)原生組件，層級(jí)比普通組件高。 大綱：根據(jù)近期我在小程序開發(fā)中接到的需求，總結(jié)一下下面四個(gè)開發(fā)需求所遇到的問題： 1、關(guān)于微信現(xiàn)已開放小程序內(nèi)搜索（sitemap 配置）；2、微信小程序的激勵(lì)視頻廣告...
摘要：資料整理關(guān)于配置微信小程序頁(yè)面附關(guān)于微信搜索小程序內(nèi)頁(yè)面的功能，只能在線上環(huán)境有用，而且沒有提供測(cè)試的渠道。二微信小程序激勵(lì)視頻廣告接入微信視頻廣告指引截圖具體使用注意激勵(lì)視頻廣告組件是一個(gè)原生組件，層級(jí)比普通組件高。 大綱：根據(jù)近期我在小程序開發(fā)中接到的需求，總結(jié)一下下面四個(gè)開發(fā)需求所遇到的問題： 1、關(guān)于微信現(xiàn)已開放小程序內(nèi)搜索（sitemap 配置）；2、微信小程序的激勵(lì)視頻廣告...
摘要：官方資料微信公眾平臺(tái)注冊(cè)小程序。官網(wǎng)開發(fā)文檔社區(qū)開發(fā)工具部署微信小程序微信小程序本身不需要部署，在微信開發(fā)工具中直接上傳代碼就行。 為什么 學(xué)習(xí) Java 三年，目前已經(jīng)工作了2年，因?yàn)樽詫W(xué)，基礎(chǔ)差，所以打算年末總結(jié)一下常見的基礎(chǔ)知識(shí)和面試點(diǎn)； 也可以通過獨(dú)立做一個(gè)項(xiàng)目整合自己工作期間學(xué)習(xí)的知識(shí)，加深印象。 但是想著回家或是平時(shí)手機(jī)用的多，做一款A(yù)PP和小程序很方便查看。 項(xiàng)目展示 本...
閱讀 3843·2021-11-25 09:43
閱讀 2184·2021-11-23 10:11
閱讀 1413·2021-09-29 09:35
閱讀 1359·2021-09-24 10:31
閱讀 2048·2019-08-30 15:48
閱讀 2366·2019-08-29 15:28
閱讀 439·2019-08-29 12:36
閱讀 3499·2019-08-28 18:12
