小程序中post请求的示例(post,小程序,移动开发)

按照文档,肯定是这么写.那就入坑了.

1. 'Content-Type': 'application/json'用在get请求中没问题.

POST请求就不好使了.需要改成: "Content-Type": "application/x-www-form-urlencoded"

2. 加上method: "POST"

3.data: { cityname: "上海", key: "1430ec127e097e1113259c5e1be1ba70" }写成json格式这样也是请求不到数据的.需要转格式.

下面直接贴代码:

3.1

<spanstyle="font-size:24px;">//index.js//获取应用实例varapp=getApp()Page({data:{toastHidden:true,city_name:'',},onLoad:function(){that=this;wx.request({url:"http://op.juhe.cn/onebox/weather/query",header:{"Content-Type":"application/x-www-form-urlencoded"},method:"POST",//data:{cityname:"上海",key:"1430ec127e097e1113259c5e1be1ba70"},data:Util.json2Form({cityname:"上海",key:"1430ec127e097e1113259c5e1be1ba70"}),complete:function(res){that.setData({toastHidden:false,toastText:res.data.reason,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;}}})},onToastChanged:function(){that.setData({toastHidden:true});}})varthat;varUtil=require('../../utils/util.js');</span>

3.2

<spanstyle="font-size:24px;"><!--index.wxml--><viewclass="container"><toasthidden="{{toastHidden}}"bindchange="onToastChanged">{{toastText}}</toast><view>{{city_name}}</view><view>{{date}}</view><view>{{info}}</view></view></span>

3.3

<spanstyle="font-size:24px;">//util.jsfunctionjson2Form(json){varstr=[];for(varpinjson){str.push(encodeURIComponent(p)+"="+encodeURIComponent(json[p]));}returnstr.join("&");}module.exports={json2Form:json2Form,}</span>