温馨提示×

微信小程序如何使用其他页面的js

小新
350
2021-03-19 12:32:58
栏目: 云计算

微信小程序如何使用其他页面的js

微信小程序使用其他页面js的案例:

1.封装独立公共js。

//common.js 封装的函数

function queryExp(result) {

  wx.request({

    url: 'http://t.weather.sojson.com/api/weather/city/101030100',

    method: 'get',

    data: {},

    success: function (res) {

      var d = res.data.data;

      console.log(d);

      result(d);

    }

  })

}

 

//转化成小程序模板语言 这一步非常重要 不然无法正确调用

module.exports = {

  queryExp: queryExp

};

2.在其他页面引用。

//index.js

var common = require("../../js/common.js");

Page({

 

  /**

   * 页面的初始数据

   */

  data: {

    shidu: "", //湿度

    pm25: 0, //pm2.5

    pm10: 0, //pm10

    quality: "", //空气质量

    wendu: "", //温度

    ganmao: "", //感冒提醒(指数)

    show: false

  },

 

  btnClick: function() {

    console.log("点击了按钮 " + new Date())

  },

  view1Clcik: function(e) {

    console.log("view1Clcik " + new Date())

    console.log(e);

  },

  view2Clcik: function() {

    console.log("view2Clcik " + new Date())

  },

  view3Clcik: function(e) {

    console.log("view3Clcik " + new Date())

    console.log(e);

  },

  btnQuery: function() {

    var that = this;

    common.queryExp(function(result) {

      console.log(result);

      that.setData({

        shidu: result.shidu, //湿度

        pm25: parseFloat(result.pm25), //pm2.5

        pm10: parseFloat(result.pm10), //pm10

        quality: result.quality, //空气质量

        wendu: result.wendu, //温度

        ganmao: result.ganmao, //感冒提醒(指数)

        show: true

      });

    })

  },

  inputChange: function(e) {

    console.log(e);

  }

})


0