潤宇軟件
首 頁 企業簡介 項目案例 軟件定制 行業軟件 解決方案 下載中心 服務專區 客服中心
業務介紹:西安軟件公司、軟件開發、軟件定制、軟件外包
軟件 方案 文章
  潤宇軟件 >> 新聞資訊  >> 解決方案

微信小程序客戶端數據和服務器交互

發布時間:2018/2/1  瀏覽次數:2次  字體【    】
微信小程序其實是一個客戶端頁面,也是需要和服務器交互才能體現數據。

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   },
  關閉本頁
西部IT網合作伙伴 合作伙伴
陜西省 | 榆林 | 延安 | 銅川 | 渭南 | 商洛 | 寶雞 | 漢中 | 安康 | 咸陽
網站首頁 | 關于我們 | 售后服務 | 項目合同 | 查看留言 | 在線留言 | 30选5是每天开奖吗
© 版權所有:西安潤宇軟件科技有限公司 
公司地址:西安市碑林區 聯系電話:029-87878512 手機:13468700578 聯系人:李先生
Copyright ® 2009-2015 RunYusoft.com Inc. All Rights Reserved 
技術支持:西安潤宇軟件科技有限公司  陜ICP備11000720號-3