小程序模板网

微信小程序网络请求的参数形式

2018-04-16 须达多

参数对象:

 

				
  1. var saveData = {
  2. sex: '' ,
  3. birthday1: 1987,
  4. birthday2: 1999,
  5. stature1: 120,
  6. stature2: 155,
  7. title: ''
  8. }
  9.  
  10. util.get(url ,saveData ,{},{} )

 

如上图,这是浏览器显示的非小程序的网络请求的提交参数,提交后是有数据返回的!

按照原来的方式,现在要提交的参数如下所示,我们用微信小程序再提交一次:

 

				
  1. var saveData = {
  2. sex: '' ,
  3. birthday1: 1987,
  4. birthday2: 1999,
  5. stature1: 120,
  6. stature2: 155,
  7. title: ''
  8. }

请求方法:

 

				
  1. getConInfo: function(val){
  2. var that = this
  3. wx.request({
  4. url : 'http:/xxxxxxxxxxx?mod=xxx&act=xxx&pagesize='+val[0]+'&title='+val[1],
  5. data: saveData ,
  6. success : function (res){
  7. posts = res.data;
  8. posts = posts.data.list;
  9. val[0] = val[0]+6;
  10. that.setData({params:posts,pagesize:val[0]});
  11. wx.showToast({
  12. title : "网络访问完成:"+res.data.err+";"+val,
  13. icon : "successs",
  14. duration : 1000
  15. });
  16. }
  17. });
  18.  
  19.  
  20. }

但提交后,看浏览器的F12,你会发现是这样的

  虽然没报错,但没有任何数据反馈回来 

原因就在于,这里

请求的参数,发生了变化!  我们知道,微信小程序有时候提交网络请求响应很慢,如果你发现请求成功了,确没数据,一定会放下心来,做其他的事情!  但也就是这样,你后面对数据出炉的一切逻辑,都会报错,你还找不到原因!

起初我也没在意,但 后来发现没数据,试过很多次以后  发现,必须要将数据形式改成它这样

 

				
  1. var search = {
  2. 'saveData[sex]': '',
  3. 'saveData[birthday1]': '',
  4. }

再提交,就成功了!  所以,刚入门的同学们,一定要注意了!  如果发现了类似的问题,还请用F12查看一下整个请求过程,不然会很痛苦的



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23421.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询