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里有多少条信息，就会对应铺出多少条信息

? ：2018/11/25