今天小編給大家分享一下微信小程序中數(shù)據(jù)存儲(chǔ)與取值的方法的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來(lái)了解一下吧。

創(chuàng)新互聯(lián)是一家專注于做網(wǎng)站、網(wǎng)站建設(shè)與策劃設(shè)計(jì),興安盟網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:興安盟等地區(qū)。興安盟做網(wǎng)站價(jià)格咨詢:028-86922220

比如：

在A頁(yè)面input輸入框，輸入電話號(hào)碼，點(diǎn)擊添加。需要在B頁(yè)面電話區(qū)域中，顯示剛剛輸入的電話號(hào)碼。

因?yàn)檫@是兩個(gè)頁(yè)面，就需要先存儲(chǔ)，再取值。微信小程序提供了數(shù)據(jù)存儲(chǔ)的API，wx.setStorage(OBJECT) 可以將數(shù)據(jù)存儲(chǔ)在本地緩存中指定的 key 中，如果重復(fù)會(huì)覆蓋掉原來(lái)該 key 對(duì)應(yīng)的內(nèi)容。

思路是，在A頁(yè)面，使用bindinput獲取input輸入的值，賦值給一個(gè)變量（自定義），點(diǎn)擊添加按鈕時(shí)，如果變量不為空，將變量的值存儲(chǔ)在本地緩存中，在B頁(yè)面，使用wx.getStorage(OBJECT) 方法取值;

ps : 源代碼在頁(yè)面底部

代碼如下：

對(duì)input輸入框，綁定事件bindinput="bindKeyInput" ，設(shè)置value="{{inputValue}}" ，因?yàn)殡娫捥?hào)碼為數(shù)字，設(shè)置type="number" 。對(duì)按鈕添加點(diǎn)擊事件bindtap="addbtn"

在JS文件中添加代碼

B頁(yè)面代碼

在JS文件中，聲明變量addtel。在頁(yè)面切換過(guò)來(lái)的時(shí)候，取出我們剛存儲(chǔ)的值，賦值給變量addtel。在需要顯示電話號(hào)碼的地方，用變量來(lái)接收。

在JS文件中添加代碼

data:{
  addtel : ''
}

這里在onShow的方法中進(jìn)行取值，當(dāng)小程序啟動(dòng)，或從后臺(tái)進(jìn)入前臺(tái)顯示，就會(huì)觸發(fā) onShow。

不過(guò)，每個(gè)微信小程序都可以有自己的本地緩存，使用這些方法時(shí)，要注意本地緩存較大為10MB，wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）可以對(duì)本地緩存進(jìn)行設(shè)置、獲取和清理。。

也可以使用wx.clearStorage（wx.clearStorageSync）來(lái)清理緩存。

代碼寫完之后，進(jìn)行測(cè)試。

在輸入框中輸入電話號(hào)碼，點(diǎn)擊添加。

OK，取值成功。

A頁(yè)面源代碼:

  
   添加

var app = getApp()
Page({
 data: {
  inputValue:''
 },
 bindKeyInput:function(e){
  this.setData({
   inputValue: e.detail.value
  })
 },
 addbtn:function(){
   if(this.data.inputValue){
    wx.redirectTo({
     url: '../ordered/ordered'
    })
    wx.setStorage({
     key:"addTel",
     data:this.data.inputValue
    })
   }else{
    wx.showModal({
     title: '手機(jī)號(hào)為空',
     content: '請(qǐng)輸入手機(jī)號(hào)碼',
     success: function(res) {
      if (res.confirm) {
       console.log('用戶點(diǎn)擊確定')
      }
     }
    })
   }
 },
 onload:function(){
  //onload
 }

})

B頁(yè)面源代碼：

 
   電話
   
    {{addtel}}
    
         
 

var app = getApp()
Page({
  data:{
    addtel : ''
  },
  onShow:function(){
  var that = this;
  wx.getStorage({
   key: 'addTel',
   success: function(res) {
     console.log(res.data)
     that.setData({
      addtel:res.data
     })
   } 
  })
 }
})

以上就是“微信小程序中數(shù)據(jù)存儲(chǔ)與取值的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁(yè)標(biāo)題：微信小程序中數(shù)據(jù)存儲(chǔ)與取值的方法-創(chuàng)新互聯(lián)
URL標(biāo)題：http://weahome.cn/article/jhopg.html