zoukankan      html  css  js  c++  java
  • 小程序参数传递

      目标:通过点击xwml中的元素,将参数传递到后端,以回调不同的数据

      数据传输的顺序是 xwml->js->跳转页面->后端

       

      可以直接在button中绑定数据,data-{{参数名}}

    <view>
      <button type="primary" bindtap="To_question" data-v="0">全部</button>
    </view>
    
    <view>
      <button type="primary" bindtap="To_question" data-v="1">计算机基础</button>
    </view>
    
    <view>
      <button type="primary" bindtap="To_question" data-v="2">算法</button>
    </view>
    
    <view>
      <button type="primary" bindtap="To_question" data-v="3">数据结构</button>
    </view>
    
    <view>
      <button type="primary" bindtap="To_question" data-v="4">linux</button>
    </view>
    

      在js文件中的对应To_question函数中,通过event.currentTarget.dataset.{{参数名}}调用参数,通过navigateTo将参数传递到跳转页面。

      url中?后可加{{变量名}}={{变量值}}。在跳转页面直接调用

      To_question: function (event) {
        wx.navigateTo({
          url: '../question/question?type=' + event.currentTarget.dataset.v,
        })
      }
    

      在跳转界面,直接用 .{{变量名}}即可调用参数。将参数加在request的url中传递给后端程序

      至此,参数传递结束

  • 相关阅读:
    笔记。------数组
    图片与文字的对齐方式
    clear:both;和overflow:hidden;的应用理解。
    淘宝首页
    错误:编码GBK的不可映射字符
    Java基础之反射
    (一)Servlet简介
    Windows10快捷键
    (二)Maven的安装与环境配置
    (一)Maven简介
  • 原文地址:https://www.cnblogs.com/luozx207/p/9429261.html
Copyright © 2011-2022 走看看