微信小程序 POST请求的实例详解

前端之家收集整理的这篇文章主要介绍了微信小程序 POST请求的实例详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

微信小程序 POST请求的实例详解

微信小程序里post请求和get情求,写法差不多,但是还是有一点点不同的,下面利用post请求做一个查询天气的微信小程序demo。

页面代码

{{title}}

<span style="font-size:24px;">
<view class="container">
<view style="color:{{red}}">{{city_name}}

{{date}} {{info}}

js代码

Box/weather/query",header: { //请求头和ajax写法一样 "Content-Type": "application/x-www-form-urlencoded" },method: "POST",data: Util.json2Form( { cityname: "北京",key: "1430ec127e097e1113259c5e1be1ba70" }),complete: function( res ) {
 wx.showToast({
  title:'成功',icon:'success',duration:2000
 })

that.setData( {  
  red:'red',city_name: res.data.result.data.realtime.city_name,date: res.data.result.data.realtime.date,info: res.data.result.data.realtime.weather.info,}); 
if( res == null || res.data == null ) { 
 console.error( '网络请求失败' ); 
 return; 
} 

 setTimeout(function(){
   wx.hideToast()
 },2000)

}
})
}

})

依赖util.js代码

module.exports = {
formatTime: formatTime,json2Form:json2Form,}

展示图:

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持

原文链接:https://www.f2er.com/weapp/36018.html

猜你在找的微信小程序相关文章