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

2024年5月6日 167次阅读 来源: 三七、

微信小程序提供了数据绑定，通过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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞