微信小程序 POST请求的实例详解
在微信小程序里post请求和get情求,写法差不多,但是还是有一点点不同的,下面利用post请求做一个查询天气的微信小程序demo。
{{title}}
{{date}}
{{info}}
<span style="font-size:24px;">
<view class="container">
<view style="color:{{red}}">{{city_name}}
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,}
formatTime: formatTime,json2Form:json2Form,}
展示图:
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
原文链接:https://www.f2er.com/weapp/36018.html