iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >微信小程序如何使用其他页面的js
  • 960
分享到

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

2024-04-02 19:04:59 960人浏览 泡泡鱼
摘要

微信小程序使用其他页面js的案例:封装独立公共js。//common.js 封装的函数function queryExp(result) {  wx.request({  

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

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

封装独立公共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

};

在其他页面引用。

//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);

  }

})

--结束END--

本文标题: 微信小程序如何使用其他页面的js

本文链接: https://www.lsjlt.com/news/112363.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 微信小程序如何使用其他页面的js
    微信小程序使用其他页面js的案例:封装独立公共js。//common.js 封装的函数function queryExp(result) {  wx.request({  ...
    99+
    2024-04-02
  • 微信小程序如何引用其他页面的css
    这篇文章主要讲解了“微信小程序如何引用其他页面的css”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“微信小程序如何引用其他页面的css”吧!在wxss中导入外部样式@import ...
    99+
    2023-07-04
  • 微信小程序如何引用其他js文件
    这篇文章主要介绍了微信小程序如何引用其他js文件,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。微信小程序如何引用其他js文件1.我们先建立一...
    99+
    2024-04-02
  • 小程序如何调用其他页面的函数
    在小程序中调用其他页面函数的方法可以小程序使用wx.navigateBack()方法调用上一个页面的函数,具体方法如下:let pages = getCurrentPages();let prevPage = pages[pages.len...
    99+
    2024-04-02
  • 微信小程序js如何向页面传值
    在微信小程序中利用js向页面传值的方法首先,在wxml页面中,自定义一个属性data-src;src='{{item.img}}' bindtap='biggerImg' data-src="{{需要传递的值}}"进入json文件,在文件调...
    99+
    2024-04-02
  • 微信小程序web-view嵌入uni-app H5页面,通过H5页面跳转其他小程序如何操作?
    1、H5页面代码 wx.miniProgram.reLaunch({ url: `/pages/index/indexappId=${您的微信小程序appId}` });//触发小程序刷新页面获取appId  微信小程序appId查看...
    99+
    2023-08-31
    小程序 微信小程序 前端
  • 小程序怎么引用其他页面的css
    小程序引用其他页面css的方法:在wxss中导入外部样式@import 方法@import 可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。写法:@import "文件路径&quo...
    99+
    2024-04-02
  • 微信小程序页面中的view怎么调用js
    微信小程序页面中的view调用js的方法:通过引入wxs模块实现效果,新建`filter.wxs`文件,代码:var filters = {      ...
    99+
    2024-04-02
  • 小程序如何获取其他页面的文本内容
    在微信小程序中使用getCurrentPages()方法获取其他页面的文本内容 var pages = getCurrentPages();var Page = pages[pages.length - 1]; //当前页var prevP...
    99+
    2024-04-02
  • 微信小程序js页面间怎么传值
    本文小编为大家详细介绍“微信小程序js页面间怎么传值”,内容详细,步骤清晰,细节处理妥当,希望这篇“微信小程序js页面间怎么传值”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。  1.js页面间的传值:url: &...
    99+
    2023-06-26
  • 微信小程序页面如何跳回主页
    微信小程序页面跳回主页的方法:微信小程序页面跳转是通过navigator来实现的,而navigator是通过它的属性open-type的合法值,因此在wxml页面中设置open-type的合法值来选择跳转方式。<navigator&n...
    99+
    2024-04-02
  • 【小程序】微信 JS-SDK的使用:
    文章目录 一、配置JS安全域名二、服务接入三、引入Js文件四、使用wx.config进行权限验证五、案例六、JS-SDK配置流程(后端需要做的)【1】获取access_token【2】获取js...
    99+
    2023-08-31
    微信 javascript 小程序
  • 【微信小程序】认识小程序页面
    ✅作者简介:大家好我是hacker707,大家可以叫我hacker,新星计划第三季python赛道Top1🏆 📃个人主页:hacker707的csdn博客 ...
    99+
    2023-09-06
    微信小程序 javascript
  • 微信小程序页面间如何传id
    微信小程序页面间传id的方法:在.wxml文件中添加以下代码<block wx:for-items="{{newGoods}}" wx:key="id"> &...
    99+
    2024-04-02
  • 微信小程序页面怎么添加js代码
    微信小程序页面添加js代码的案例:wxml中不能直接使用js语法,但可以通过引入wxs模块实现效果。新建“filter.wxs”,代码:var filters = {   &nbs...
    99+
    2024-04-02
  • 微信小程序的H5页面如何获取appid
    微信小程序的H5页面获取appid的操作方法:打开手机里的微信软件。点击需要查看的小程序。点击小程序右上角“…”,选择“关于”选项。再点击右上角“…”选项,打开“更多资料”选项即可查看小程序appid。...
    99+
    2024-04-02
  • 如何进行微信小程序的页面跳转
    本篇文章为大家展示了如何进行微信小程序的页面跳转,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。我们将创建第二个视图,然后实现从第一个视图到第二个视图的跳转。首先开发第二个视图:微信小程序开发系列七:...
    99+
    2023-06-05
  • 小程序页面如何分享到微信群
    小程序页面分享到微信群的步骤:打开需要分享小程序。点击右上角的“···”。会弹出一些功能信息,选择“分享给朋友”。(注意:部分小程序不支持分享功能)选择群分享即可。...
    99+
    2024-04-02
  • 微信小程序如何重新加载页面
    微信小程序有提供一个下拉刷新的功能,操作步骤如下:打开小程序。点击右上角的“···”。会弹出一些功能信息,选择“刷新”即可。...
    99+
    2024-04-02
  • 微信小程序如何加载分包页面
    小程序分包加载实例{"pages": ["pages/index", "pages/shopcart"],"subpackages":&nb...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作