微信小程序 POST请求
来源:互联网 发布:淘宝代购流程 编辑:程序博客网 时间:2024/05/29 12:54
1. 'Content-Type': 'application/json'用在get请求中没问题.
POST请求就不好使了.需要改成: "Content-Type": "application/x-www-form-urlencoded"
2016.11.10更新:有同学在将content-type 修改为小写后,post请求成功.
2. 加上method: "POST"
3.data: { cityname: "上海", key: "1430ec127e097e1113259c5e1be1ba70" }写成json格式这样也是请求不到数据的.需要转格式.
下面直接贴代码:
3.1
//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' );
//获取应用实例
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' );
3.2
//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,
}
function json2Form(json) {
var str = [];
for(var p in json){
str.push(encodeURIComponent(p) + "=" + encodeURIComponent(json[p]));
}
return str.join("&");
}
module.exports = {
json2Form:json2Form,
}
3.3
<!--index.wxml-->
<view class="container">
<toast hidden="{{toastHidden}}" bindchange="onToastChanged">
{{toastText}}
</toast>
<view>{{city_name}}</view>
<view>{{date}}</view>
<view>{{info}}</view>
</view>
0 0
- 微信小程序 POST请求
- 微信小程序之网络请求(POST请求)
- 微信小程序之网络请求(post)
- 微信小程序发送POST请求参数格式
- 微信小程序开发之网络请求(POST请求)
- 微信小程序开发之网络请求(POST请求)
- 微信小程序开发之网络请求(POST请求)
- Java 发Post请求程序
- post请求的分包程序
- 微信小程序开发之大坑记之post请求
- 微信小程序post请求服务器端无法获取的解答
- 微信小程序 post请求 list集合 java接收处理
- 微信小程序开发之大坑记之post请求
- 微信小程序POST请求参数传递不到后台解决方案
- 微信小程序 Node.js (基础十二) GET/POST请求
- 微信小程序 post请求服务器接收不到参数
- 微信小程序跳坑(一)---Post请求
- 微信小程序入坑那些事情-POst 请求
- NGUI之UILabel描边效果
- ocp for my way
- MJExtension简单使用1
- Java 面试小指南(二)——递归算年龄加2
- 安卓版本对应的API
- 微信小程序 POST请求
- BASE64Encoder找不到
- 在IntelliJ IDEA上将WSDL生成Java代码
- STM32 特殊功能脚设置为普通脚的方法
- nsenter使用的一个脚本例子
- 【AI每日播报】苹果入局无人车 当百度机器人拒绝和我聊李彦宏
- 关系型数据库MySql与非关系型数据库NoSql
- JDK调试JVM工具
- #note#priority_queue的cmp对象写法