微信小程序其实是一个客户端页面,也是需要和服务器交互才能体现数据。
1 --服务器搭建Web API :MVC4 中的一个模板, 如下是Query API 的一个Get 方式,只是为了了解 JsonConvert.SerializeObject(_dt.ToList()); 值如何返回到界面
1 #region --- 查询绑定信息 ---
2 [HttpGet]
3 public string GetQuery(string strEcNo)
4 {
5 //查询此EC单是否被绑定过
6 try
7 {
8 PcdbE.PcdbDataContext _Pc = new PcdbE.PcdbDataContext();
9
10 var _dt = from s in _Pc.EcDressLogs
11 where s.EcNo == strEcNo
12 select s;
13
14 var _count = _dt.Count();
15
16 if(_count.Equals(0))
17 {
18 return "没有绑定记录";
19 }
20
21 return JsonConvert.SerializeObject(_dt.ToList());
22 }
23 catch (Exception)
24 {
25 return "error";
26 }
27
28 }
29 #endregion
2 -- 客户端如何Call 个API ,先要在小程序管理员去注册API 发布的服务器域名, https:// 这部分,好像之前做过了
BtnQuery 是绑定给界面的一个方法,在.wxml文件中
1 <!--按钮-->
2 <view class="loginBtnView">
3 <button type="primary" bindtap="BtnQuery"> Query </button>
4 </view>
3 -- 在.js 文件中
1 BtnQuery: function (){
2 if (this.data.ecno.length == 0)
3 {
4 wx.showToast({
5 title: 不能为空,
6 icon: loading,
7 duration: 2000
8 })
9
10 }else{
11
12 wx.request({
13 method: "GET",
14 url: https://(这里是你在微信小程序注册的你发布的API 域名)/api/pc/GetQuery, //仅为示例,并非真实的接口地址
15 data: {
16 strEcNo: this.data.ecno
17 },
18 header: {
19 content-type: application/json // 默认值
20 },
21 success: (res) => {
22 this.setData({
23 warning: res.data
24 })
25 var result = JSON.parse(res.data);
26 if(res.data !="")
27 {
28 console.log(result)
29 }
30 var x = result[0].Xdress
31 var y = result[0].Ydress
32 wx.navigateTo({ url: /pages/tzdress/tzdress?xdress=+x+&ydress=+y})
33 }
34
35 })
36
37
38 }
39 }, |
|