zoukankan      html  css  js  c++  java
  • mui框架如何实现页面间传值

    mui框架如何实现页面间传值

    我的传值
    listDetail = '<li class="mui-table-view-cell mui-media>"><a href="aJaxDetail.html?'+arrayobj[i].id+'"><div class="mui-media-body">'+arrayobj[i].digest+'</div></a>></li>';
    在cell  的a链接中拼接上需要传送的数据 '+arrayobj[i].id+'
    获取数据
     <script type="text/javascript" charset="UTF-8">
          mui.init();
          mui.plusReady(function(){
          var url_id = plus.webview.currentWebview().getURL();
          var ulr = url_id.split("?");
          console.log(ulr);
          var url = 'http://c.m.163.com/nc/article/'+ulr[1]+'/full.html';
          console.log(url);
          mui.ajax(url,{dataType:'json', type:'get', timeout:10000, success:function(data){
          getDdetail(data, ulr[1]);
          },error:function(error){}
          });
          });
    截取
    在App开发中,页面间传值是很常见的开发需求,mui框架根据业务场景不同,提供了两种传值模式。
    1、页面初始化时,通过扩展参数传值;
    mui在初始化页面时,提供了extras配置参数,通过该参数可以设置页面参数,从而实现页面间传值;
    mui框架在如下几种场景下,会执行页面初始化操作:
    - 通过mui.openWindow()打开新页面(若目标页面为已预加载成功的页面,则在openWindow方法中传递的extras参数无效);
    - 通过mui.init()方法创建子页面;
    - 通过mui.init()方法预加载页面;
    - 通过mui.preload()方法预加载页面
    示例,假设我们有如下需求:
    在首页中打开关于页面时,传递当前产品名称及版本号,然后在关于页面中读取这两个参数并显示出来;
    首页实现代码:
    mui.openWindow({
    url:'info.html',
    id:'info.html',
    extras:{
    name:'mui',
    version:'0.5.8'
    }
    });
    关于页面实现代码:
    var self = plus.webview.currentWebview();
    var name = self.name;
    var version = self.version;
  • 相关阅读:
    从入门到不放弃系列之Koa2
    进击Node.js基础(二)
    进击Node.js基础(一)
    探知浏览器并发请求个数
    Elasticsearch 聚合操作
    Elasticsearch 数据查询
    Elasticsearch 数据操作
    Elasticsearch 映射操作
    Elasticsearch 索引操作
    IDEA类和方法注释模板设置
  • 原文地址:https://www.cnblogs.com/tian-sun/p/7404256.html
Copyright © 2011-2022 走看看