微信小程序-外部JS修改当前页面内容

2021-05-02 00:00:00 程序 微信小

微信小程序提供了数据绑定,通过setData()函数,可以在页面对应的js内实现修改前端界面内容。但是如果在外部js函数体中如果有异步网络请求,则不能通过返回值的方式传参了。
这种情况下,只需要将本页面对象通过参数传到外部函数,在外部函数中调用setData()即可,类似C++中的引用(事实上则这本来就是引用传值)。

// index.js 页面

const tencentcloud = require("../../iotsdk/lotsdk.js");
Page({ 
  //调用外部函数
  pullShadow: function () { 
    tencentcloud.deviceData(this) //page传出去
  }
})

// 外部js函数 iotsdk.js

function GetDeviceData(page) { 
  // 实例化要请求产品的client对象
  let client = new lotclient(SECRETID, SECRETKEY);
  // 实例化一个请求对象
  let req = new lotmodel.DescribeDeviceDataRequest();
  req.DeviceName = DEVICENAME;
  req.ProductId = PRODUCTID;
  // 通过client对象调用想要访问的接口,需要传入请求对象以及响应回调函数
  client.DescribeDeviceData(req, function (err, response) { 
    // 请求异常返回,打印异常信息,并重新发送请求直到成功
    if (err) { 
      console.log("failed:" + err);
      return GetDeviceData(page)
    } else { 
      // 请求正常返回,打印response对象
      console.log("ControlDeviceData success");
      page.setData({  shadow: JSON.parse(response.Data) })
    }
  });
}
module.exports = { 
  deviceHistory: GetDeviceHistory
}
    原文作者:三七、
    原文地址: https://blog.csdn.net/geek_hch/article/details/99457157
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。

相关文章