微信小程序使用content-type等于x-www-form-urlencoded方式使用request请求数据

Posted 狂乱贵公子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序使用content-type等于x-www-form-urlencoded方式使用request请求数据相关的知识,希望对你有一定的参考价值。

因为服务器只能接收x-www-form-urlencoded方式接收前端收到的数据 所以微信小程序开发的时候,必须鼓捣这个问题。

微信默认使用content-type是 application/json

用wx.request方法改掉header为x-www-form-urlencoded比较简单

wx.request({
  content-type: application/x-www-form-urlencoded

})

这么干就可以了。 

 

但问题是,微信小程序,似乎不会把我们的数据自动转换成为该格式数据。

 

解决方案是使用下面这种方法

 

function JSON_to_URLEncoded(element,key,list){
  var list = list || [];
  if(typeof(element)==‘object‘){
    for (var idx in element)
      JSON_to_URLEncoded(element[idx],key?key+‘[‘+idx+‘]‘:idx,list);
  } else {
    list.push(key+‘=‘+encodeURIComponent(element));
  }
  return list.join(‘&‘);
}

 

测试

var data = {
  users : [
    {
      "id": 100,
      "name": "Stefano"
    },
    {
      "id": 200,
      "name": "Lucia"
    },
    {
      "id": 300,
      "name": "Franco"
    },
  ],  
  time : +new Date
};

console.log(
  JSON_to_URLEncoded(data)
);

/*
Output:
users[0][id]=100&users[0][name]=Stefano&users[1][id]=200&users[1][name]=Lucia&users[2][id]=300&users[2][name]=Franco&time=1405014230183
*/

如果你是使用ES2015,试试一行代码实现这个方法功能。 但你是复杂的数据,还是不要用下面这个方法了。

 

const toUrlEncoded = obj => Object.keys(obj).map(k => encodeURIComponent(k) + ‘=‘ + encodeURIComponent(obj[k])).join(‘&‘);

toUrlEncoded({hello: ‘world‘, message: "javascript is cool"});
// => "hello=world&message=JavaScript%20is%20cool"

  

以上是关于微信小程序使用content-type等于x-www-form-urlencoded方式使用request请求数据的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 post 请求获取不到参数原因

微信小程序-关于post 过来服务器没有获取到数据问题

微信小程序 TLS 版本必须大于等于1.2问题解决

微信小程序云函数中怎么用if语句?

微信小程序,weixin,微信小程序怎样连接数据库

微信小程序-笔记