之前讲到了网络api的使用,这里有自己服务器的同学可以使用spring boot自己写一写api然后部署到服务器上使用,没有的同学可以跟我这里一起操作一下。
##一、新建一个项目
需求:一个搜索框+一个搜索按钮
大家可以自己尝试写一下
下面是我写的(比较简陋,只是为了讲解api这一块的使用,虽然文档很容易懂,但是过程中还是会碰到不少问题,这里带大家一起解决一下)
<!--pages/test/test.wxml-->
<input placeholder='请输入搜索内容' bindinput='inputBtn' style='border:solid 1px black'/>
<button bindtap='sousuo'>搜索</button>
<text>{
{ret}}</text>
// pages/test/test.js
Page({
/**
* 页面的初始数据
*/
data: {
input:null,
ret:""
},
inputBtn: function(e){
this.setData({
input:e.detail.value
})
},
sousuo:function(){
console.log(this.data.input);
}
})
##二、api使用
首先做了最基本的需求,那么我们的搜索怎么来使用呢?
因为我们没有现成的api可以使用,那就去蹭一下别人的吧。这里给大家找了一个免费的测试接口供大家学习使用。
淘宝商品搜索建议