网站专题BANNER

微信小程序开发:小程序传递参数的方式有几种方法?

发表日期:2022-01-18 文章编辑:洛壹网络 文章来源:小程序开发

微信小程序开发_小程序传递参数的方式有几种方法?


小程序传递参数的方式有三种:


(1)通过在App.js中设置全局变量


(2)通过拼接URL直接传递


(3)通过数据缓存存储再获取


1.app.js


通常把不会更改的数据放在app.js的Data中,在各个页面中都可以通过APP实例获取Data数据。


var app = getApp();

var data = app.data;

2.wx.navigateTo({})中URL携带参数


wx.navigateTo({

  url: 'test?id=1'

});

3. 数据缓存


①wx.setStorageSync(KEY,DATA)存储数据


try {

  wx.setStorageSync('key', 'value')

} catch (e) {    

}

②wx.getStorageSync(KEY)获取数据


try {

  var value = wx.getStorageSync('key')

  if (value) {

    // Do something with return value

  }

} catch (e) {

   // Do something when catch error

}

然而,根据所传递参数的数据类型的不同,如对象、数组集合需要进行相应的处理。本质上都是String类型的传递。


1、传递基本数据类型


Page({  

  data: {

    testStr: 'xiaochengxu'

  },

  next: function(e){

    wx.navigateTo({

      url: '/test/test?str='+this.data.testStr

    })

  }

})

Page({

  onLoad:function(options){  

    console.log("接收到的参数是str="+options.str);  

  }

})

打印内容:接收到的参数是str=xiaochengxu


2,传递对象


Page({

  data: {

    testData:{name:'username', password:'password'}  

  },

  next: function(e){

    wx.navigateTo({

       url: '/test/test?testData='+JSON.stringify(this.data.testData)

    })

  }

})

Page({

  data:{

    testData:null

  },

onLoad:function(options){

   console.log("接收到的参数是testData="+options.testData);

   this.data.testData = JSON.parse(options.testData);

}}) 

打印内容:


接收到的参数是testData={"name":"username","password":"password"}


 


3,传递数组集合


Page({

  data: {

    list:['item-A','item-B']

  },

  next: function(e){

    wx.navigateTo({

      url: '/test/test?list='+JSON.stringify(this.data.list),

    })

  }

})

Page({  

  data:{

    list:[]

  },

onLoad:function(options){

   console.log("接收到的参数是list="+options.list); 

   this.data.list = JSON.parse(options.list);  

}})

打印内容:接收到的参数是list=["item-A","item-B"]

 


var dealParam = function(data) {

  for(var i in data) {

    if (typeof data[i] == ‘string’){

      console.log(“key=”+i+“; value=”+data[i]);

    } else if (typeof data[i] == ‘object’) {

      dealParam(data[i]);

    }

  }

}

}


微信小程序开发_小程序传递参数的方式有几种方法?

相关内容
三大平台小程序的新逻辑

从小程序运作逻辑的角度上看,其寄生在平台之上,对于平台的引流方面在一定程度上也是大有可观。在流量获取成本逐渐走高的情况下,互联网巨头们自然不会放过任何能给自家头部平台引流的机会。

怎么注册小程序?教你怎么生成自己的专属小程序

小程序现在越来越受欢迎,于是不少企业和个人也产生了做一个属于自己的小程序的想法,但又苦于不知道微信小程序制作流程及费用,无从下手。今天洛壹给大家分享一下怎么生成自己的专属小程序。

什么是小程序API,小程序API有哪些功能?

应该是没有人不了解微信小程序的功能,但是如果提到小程序API的话,可能很多人都会感到陌生,不知道这究竟是什么东西呢?今天带大家了解一下什么是小程序API,小程序API都有哪些功能呢~

紧跟小程序热潮,带你玩转小程序

经历了5年的层层迭代和进化,小程序日活已经达到了4.5亿+。越来越多的行业与小程序生态快速结合,餐饮、商超、鞋服、出行等行业均实现了数倍增长。

商城小程序开发怎样做?商城小程序开发需要什么条件?

目前零售业、生活服务、教育培训、餐饮饭店等行业对小程序的需求仍然十分庞大,加上疫情特殊时期,线下流量拦腰急降,这也让很多商家或企业都开始布局线上营销,开始关注微信小程序开发。

小程序分账功能,助力企业自动化分账,高效对账

说到小程序,大家肯定首先想起微信这位“头号玩家”,然而在其它生态下,如支付宝、百度等都有在小程序赛道上持续发力。随着基础能力的不断完善,小程序越来越被用户所喜爱,不少从业者也想进入这片红海。

小程序的特点有哪些?如何通过小程序助力业绩增长?

小程序的特点 唯一性——小程序名称具有唯一性,与域名及网络实名一样,谁先注册谁先拥有。 新零售——小程序是新零售的最好落地工具,这也是未来线下门店的发展趋势。

小程序在进行交互设计的时候应该注意什么?

在传统的软件开发行业,把为用户设计结构化体验的方法称之为交互设计, 交互设计关注的地方在于用户可能的行为。小程序在进行交互设计的时候,应该追求便利性,这样提供给用户的服务也会更便捷。

我们
定制
咨询
联系
在线咨询
您的浏览器版本太低

请升级您的浏览器: Internet Explorer11 或以下浏览器: Firefox  /  Chrome  /  360极速浏览器