按照文档,肯定是这么写.那就入坑了.
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
<span style="font-size:24px;">//index.js
//获取应用实例
var app = 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 });
}
})
var that;
var util = require( '../../utils/util.js' );</span>
3.2
<span style="font-size:24px;"><!--index.wxml-->
<view class="container">
<toast hidden="{{toasthidden}}" bindchange="ontoastchanged">
{{toasttext}}
</toast>
<view>{{city_name}}</view>
<view>{{date}}</view>
<view>{{info}}</view>
</view></span>
3.3
<span style="font-size:24px;">//util.js
function json2form(json) {
var str = [];
for(var p in json){
str.push(encodeuricomponent(p) + "=" + encodeuricomponent(json[p]));
}
return str.join("&");
}
module.exports = {
json2form:json2form,
}</span>
评论部分：
又试了几个接口,部分可以提交数据.应该是个bug.只能等官方正式版本了.
我刚才用其他的post请求也不行.但是这个确实拿到数据了.你试试看,接口地址：http://op.juhe.cn/onebox/weather/query 两个参数,cityname,key.cityname随便写城市名字,key是我申请的,key=1430ec127e097e1113259c5e1be1ba70 我明天再研究下.看看是为什么其他的不行.
更多小程序：post请求。