微信小程序|小程序开发
网络请求,微信小程序
微信小程序-小程序开发
本文主要介绍了关于小程序网络请求的封装的相关资料。具有很好的参考价值。下面跟着小编一起来看下吧
团购 微信小程序 源码,vscode组件推荐,ubuntu中怎么外网,tomcat的clean,c#–sqlite速成,discuz上传插件不显示,js前端it测试框架,爬虫基本按键,php 字符串数字,SEO电影网址,c 开发购物网站模板,网页设计案例代码,阿里云页面模板,jsp购物页面源代码,物业管理系统 下载,网页游戏程序lzw
以前写过一篇关于微信小程序上拉加载,上拉刷新的文章,今天写的是关于小程序网络请求的封装。
开源 会员分销系统源码,ubuntu跳板机搭建,婴儿手上爬虫子,三个数比较大小php用条件,seo高手有谁lzw
在这里首先声明一个小程序文档的bug,导致大伙们在请求的时候,服务器收到不到参数的问题
二手手机商城源码,ubuntu授予权限,安卓系统有tomcat吗,如何杀土壤爬虫,php从大到小输出,seo监控方案lzw
示例代码:
wx.request({ url: est.php, //仅为示例,并非真实的接口地址 data: { x: \ , y: \ }, header: { Content-Type: application/json }, success: function(res) { console.log(res.data) }})
其中header 中的Content-Type,应该用小写content-type才能让服务器收到参数。让我折腾的好久,改了服务器仍然不行,原来是这个问题。参数在request payload中,服务器不能收到,使用如下转换之后
function json2Form(json) { var str = []; for(var p in json){ str.push(encodeURIComponent(p) + "=" + encodeURIComponent(json[p])); } return str.join("&"); }
最终还是认为是content-type的问题。最后改小写就ok,觉得微信这么牛逼的团队,犯了一个很低级 的错误,把我开发者折腾的爬了。不说,上代码吧。
1 、Http请求的类
import util from util.js;/** * url 请求地址 * success 成功的回调 * fail 失败的回调 */function _get( url, success, fail ) { console.log( "------start---_get----" ); wx.request( { url: url, header: { // Content-Type: application/json }, success: function( res ) { success( res ); }, fail: function( res ) { fail( res ); } }); console.log( "----end-----_get----" );}/** * url 请求地址 * success 成功的回调 * fail 失败的回调 */function _post_from(url,data, success, fail ) { console.log( "----_post--start-------" ); wx.request( { url: url, header: { content-type: application/x-www-form-urlencoded, }, method:POST, data:{data: data}, success: function( res ) { success( res ); }, fail: function( res ) { fail( res ); } }); console.log( "----end-----_get----" );} /** * url 请求地址 * success 成功的回调 * fail 失败的回调 */function _post_json(url,data, success, fail ) { console.log( "----_post--start-------" ); wx.request( { url: url, header: { content-type: application/json, }, method:POST, data:data, success: function( res ) { success( res ); }, fail: function( res ) { fail( res ); } }); console.log( "----end----_post-----" );}module.exports = { _get: _get, _post:_post, _post_json:_post_json}
2、测试用例
2.1 get请求
//GET方式 let map = new Map(); map.set( eceiveId, 010000022464 ); let d = json_util.mapToJson( util.tokenAndKo( map ) ); console.log( d ); var url1 = api.getBaseUrl() + SearchTaskByReceiveId?data=+d; network_util._get( url1,d, function( res ) { console.log( res ); that.setData({ taskEntrys:res.data.taskEntrys }); }, function( res ) { console.log( res ); });
2.2 POST请求
//Post方式 let map = new Map(); map.set( eceiveId, 010000022464 ); let d = json_util.mapToJson( util.tokenAndKo( map ) ); console.log( d ); var url1 = api.getBaseUrl() + SearchTaskByReceiveId; network_util._post( url1,d, function( res ) { console.log( res ); that.setData({ taskEntrys:res.data.taskEntrys }); }, function( res ) { console.log( res ); });
效果
如果觉得《微信小程序封装http请求类的代码实例》对你有帮助,请点赞、收藏,并留下你的观点哦!