1. 程式人生 > >Cookie傳值+小程式請求+小程式鋪值

Cookie傳值+小程式請求+小程式鋪值

前端介面傳值

正常介面間傳值一般會用到url傳值,但是如果是很多資料,並且想到另一個頁面使其賦值到對應位置,用cookie傳值就非常的簡單方便;

首先我們要引用jquery外掛和jquery-cookie,下面是引用線上的cookie程式碼

<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>

然後就可以利用cookie來傳值了:
頁面一:

html:
<span id=“autumn”>秋,你以為你接受的是誰的愛,是一個天神的愛</span>

js:
a = document.getElementById("autumn").innerHTML; //根據id獲取值給a
$.cookie('y',a);                                  //把a傳到cookie中賦給y

頁面二:

html:
<span id=“spring”></span>

js:
var s = $.cookie('y');                             //獲取上個頁面傳到cookie中的y值給s
document.getElementById("autumn").innerHTML = s;  //根據id把s值給span標籤賦值

如果相傳input中的值就要把innerHTML換成value;
相傳多條值舉一反三就OK了;

小程式連線介面

正常前端介面運用ajax連線介面,但目前小程式比較火,偶們也要學會小程式連線介面

 wx.request({
         url: '###', //請求介面的url
         method: '###', //請求方式
         data: {###},//請求引數
         header: {            // 預設值
         },
         success: res => {   // 請求成功返回的res
       
            this.setData({
               addressList: res.data,  // 尾巴、不知有何用處,加上最好
            })
         }
      });

小程式鋪值

js:
data內寫一個集合

data: {
      addressList: [ ]   根據介面獲取的資訊集合
   },

wxml:
在框著你想鋪值的的地方的大view框裡寫

 wx:for-items="{{addressList}}" wx:key="{{index}}"  
     //拿到介面查詢的所有資訊         //鑰匙
     
  接下來在你想鋪值的對應標籤裡寫{{item.對應值的欄位}}就可以了

這樣寫就可以做到介面只寫一條資訊的樣式,然後addressList裡有多少條資訊,就會對應鋪出多少條資訊