Cookie傳值+小程式請求+小程式鋪值
阿新 • • 發佈:2019-01-12
前端介面傳值
正常介面間傳值一般會用到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裡有多少條資訊,就會對應鋪出多少條資訊