用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

微信小程序跳转传参数 传对象,wx.request的json数据传输

纸飞机 2018-3-8 09:37

一:跳转传参数 传对象分享者:幼年程序猿,原文地址 一般都是传字符串到下一页,如果要想传对象怎么办呢?我的解决办法是先将对象转换为json字符串然后到下个页面将json字符串,再转化为对象。如下:let str=JSON.s ...

一:跳转传参数 传对象

分享者:幼年程序猿,

原文地址


一般都是传字符串到下一页,如果要想传对象怎么办呢?

我的解决办法是先将对象转换为json字符串然后到下个页面将json字符串,再转化为对象。如下:

  1. let str=JSON.stringify(e.currentTarget.dataset.item);
  2. wx.navigateTo({
  3. url: '../toMybaby/babyDetail/babyDetail?jsonStr='+str,
  4. success: function (res) {
  5. // success
  6. },
  7. fail: function () {
  8. // fail
  9. },
  10. complete: function () {
  11. // complete
  12. }
  13. })
  1. onLoad:function(options){
  2. // 生命周期函数--监听页面加载
  3. let item=JSON.parse(options.jsonStr);
  4. this.setData({ward:item});
  5. },

二:wx.request的json数据传输

分享者:微风&细雨,

原文地址


wx.request使用

代码如下:

  1. wx.request({
  2. url: 'https://192.168.191.1:8443/vocation/bbb',
  3. data: {name:"111",password:"123",id:"123"},
  4. method: 'post', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
  5. // header: {}, // 设置请求的 header
  6. // dataType:JSON,//该语句会将服务器端的数据自动转为string类型
  7. success: function(res){
  8. // success
  9. console.log("返回数据为:"+res.data.employees[1].firstName);
  10. console.log('submit success');
  11. },
  12. fail: function() {
  13. // fail
  14. console.log('submit fail');
  15. },
  16. complete: function() {
  17. // complete
  18. console.log('submit comlete');
  19. }
  20. })

服务器端的代码:

  1.        JSONObject jsonObject = JSONObject.fromObject(getRequestPayload(request));
  2. String name=jsonObject.get("name").toString();
  3. String password=jsonObject.get("password").toString();
  4. String s = "";
  5. response.setContentType("application/json;charset=utf-8");
  6. response.setHeader("Access-Control-Allow-Origin", "*");
  7. System.out.println(name + " " + password);
  8. s = "{\"employees\": [{ \"firstName\":\"John\" , \"lastName\":\"Doe\" },{ \"firstName\":\"Anna\" , \"lastName\":\"Smith\" },{ \"firstName\":\"Peter\" , \"lastName\":\"Jones\" }]}";
  9. response.getWriter().write(s);

数据传送到微信端是[object object]的形式,因此直接可以通过res.data.employees

1

.firstName获得对象的数据

结果如下:

鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏