小程序web-view向h5传数组

小程序通过web-view向h5页面传参(数组格式)及h5页面接收代码如下：

　　1、我是将数组先JSON.stringify()以后，再拼接地址栏传到h5的，然后在h5接收以后再JSON.parse()转成数组；如果是单纯的字符窜就没必要转了；

　　2、如果传递的参数中包含中文需要先编码encodeURIComponent()，因为小程序再跳H5的时候自动做了编码，所以如果H5页面在小程序中不需要编码，但是如果嵌套在App中的话，App需要先编码；然后在H5接收的时候解码decodeURIComponent()；（只要地址栏存在中文，H5页面就需要解码）

　　代码如下：

// web-view页面
Page({
   /**
   * 页面的初始数据
   */
  data: {
    src: '',  //h5页面链接
  },
      /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
      et params = JSON.parse(options.params);
      console.log('传过来的数据', params)
      let src = 'http://iservice.xxxxx.com.cn/upload/yj_fuWuXieYi.html?schoolName=' + (params.schoolName) + 'salaryList=' + JSON.stringify(params.salaryList) + '&feeList=' + JSON.stringify(params.feeList);
      this.setData({
        src: src
      })
    }
  },
})

//  H5页面
<script>
    // 获取地址栏参数
    function getUrlSearch(name) {
       // 未传参，返回空
    　　if (!name) return null;
    　　// 查询参数：先通过search取值，如果取不到就通过hash来取
    　　var after = window.location.search;
    　　after = after.substr(1) || window.location.hash.split('?')[1];
    　　// 地址栏URL没有查询参数，返回空
    　　if (!after) return null;
    　　// 如果查询参数中没有"name"，返回空
    　　if (after.indexOf(name) === -1) return null;
    　　var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
    　　// 当地址栏参数存在中文时，需要解码，不然会乱码
    　　var r = decodeURIComponent(after).match(reg);
    　　// 如果url中"name"没有值，返回空
    　　if (!r) return null;
    　　return r[2];
    }

    // 获取参数
    let _schoolName = getUrlSearch("schoolName") ? getUrlSearch("schoolName") : '',
    　　_salaryList = getUrlSearch("salaryList") ? getUrlSearch("salaryList") : [],
    　　_feeList = getUrlSearch("feeList") ? getUrlSearch("feeList") : [];
    _salaryList = JSON.parse(_salaryList);  //再转换成数组
    _feeList = JSON.parse(_feeList);    //再转换成数组

    console.log('学校名称', _schoolName)
    console.log('学生薪资列表', _salaryList)
    console.log('服务费列表', _feeList)

    // 获取页面元素
    let _yfql_school = document.querySelector('.yfql_school'),
        _stu_table = document.querySelector('.stu_table'),
        _ser_table = document.querySelector('.service_table');

    // 页面赋值
    _yfql_school.innerHTML = _schoolName ? _schoolName : '&emsp;&emsp;&emsp;&emsp;';
    // 实习生工作补助,我这里是表格，动态生成的元素样式不起作用，需要在生成元素的时候再添加样式
    for (let i = 0; i < _salaryList.length; i++) {
        let tr = document.createElement("div");
        tr.className="stu_td1 flex-x";
        tr.style = "height:0.6rem;border-bottom:0.01rem solid #333";
    　　_stu_table.appendChild(tr);
    　　for (let k in _salaryList[i]) {
        　　let td = document.createElement("div");
        　　td.className = "flex-x";
        　　td.style = "50%;height: 0.6rem;border-right: 0.01rem solid #333;justify-content: center;box-sizing:border-box;"
        　　tr.appendChild(td);
        　　td.innerHTML = (k == "salary") ? `不低于满勤月${_salaryList[i][k]}元` : _salaryList[i][k]
    　　}
    }
    
</script>