界面丑陋,主要是实现逻辑。。。超级简单的界面,表单,提交按钮,搜索结果展示区。。。下面是index。wxml搜索搜索结果{{item.result}}{{item.title}}*类似于前端,form表单需要加一个bindsubmit="formSubmit"然后index.js//index.js//获取应用实例constapp=getApp()Page({/***页面初始数据*/data:{result:'',state:''},formSubmit:function(e){varthat=this;varformData=e.detail.value.id;//获取所有name=id形式的valuewx.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:'Submitted',icon:'success',duration:2000})}})},})*url:'http://localhost/2018-5-24/search.php?id='+formData,这个很好理解varthat=this;varformData=e.detail.值.id;先获取formname=id的值,然后赋值给变量formData。然后,在url中拼接变量,用+号拼接变量。。。然后,提交给接口,后台可以处理,后台处理后返回json格式的数据,然后打印出来在控制台上通过that.setData({re:res.data,}),你也可以在index.wxml中渲染它。为了方便大家研究,我把后台的php源码也贴出来了search.php*数据库表名为test,里面有两个字段,一个是id,一个是title,所以里面有两个值index.wxml{{item.result}}<视图样式='color:green;'>{{item.title}}wx:for="{{re}}"指的是循环数组。在js代码中,我们将服务器获取到的所有数据存入re数组,然后{{item.result}}以空形式引用服务器返回的结果。{{item.title}}返回搜索结果。将其与您的数据库结合起来。如果要显示任何结果,可以将标题更改为数据库的相关字段。添加一名作者