APICloud怎么实现页面的跳转和传参

布满荆棘的人生 2022-03-10 03:50 922阅读 0赞

### **第一种方法** ###

**一个页面跳转到另一个页面**

window.location.href = 'adm\_login.html?name='+user+'&pass='+pass;

在另一个页面取值

<body>
    
        <div class="empty">欢迎来到后天</div>
    <h1 id="lon"></h1>
    </body>
    <script type="text/javascript">
    //获取url中"?"符后的字串    如?name=tjn&pass=123456
      var url = window.location.search;
      //根据&来分隔"?"符后的字串
      var arr=url.split("&");
      //我要取得是第一个参数所以用arr[0]表示?name=tjn  arr[1]  pass=123456
      //我要去?name=tjn的值，也就是tjn;所以采取"="来分割，获取第二个值就是tjn
      var name=arr[0].split("=")[1];
      //把值赋值到html标签里面
      document.getElementById("lon").innerHTML=name;
      alert(name);
    </script>

--------------------

### **第二种方法** ###

**一个页面跳转到另一个页面   **    
     api.openWin(\{  
         name: 'adm\_login',  
         url: './adm\_login.html',  
         pageParam: \{  
             name: user,  
             pass:pass  
         \}  
     \});

在另一个页面取值

**  apiready=function()\{  
    var title=api.pageParam.title;  
    var content=api.pageParam.content;  
    var time=api.pageParam.time;  
    \}**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NTkxNjM3_size_16_color_FFFFFF_t_70][]

--------------------

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NTkxNjM3_size_16_color_FFFFFF_t_70]: /images/20220310/5ebba80de1d449fea7e147d2cee97dc4.png

发表评论取消回复

表情：

评论列表（有 0 条评论，922人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue页面跳转并传参

vue页面跳转并传参,如下为A页面跳转到详情页面并传递所需参数： A页面： //html <el-table-column label="详情">

忘是亡心i/ 2023年07月20日 12:14/ 0 赞/ 14 阅读

相关 $router.push()跳转页面传参

query this.$router.push(\{path:'/router1', query: \{ id: 123\}\}) \-------------/route

小鱼儿/ 2023年06月15日 11:09/ 0 赞/ 59 阅读

相关 vue跳转页面与传参

一 1. <router-link to="/register"> <span>注册账号</span> </router-link>

水深无声/ 2023年06月15日 07:12/ 0 赞/ 71 阅读

相关 mui页面跳转及传参

页面跳转传参父页面： mui.openWindow({ url: './apply_fert_accu_result.html', ex

﹏ヽ暗。殇╰゛Y/ 2023年05月29日 02:47/ 0 赞/ 95 阅读

相关华为鸿蒙HarmonyOS -- 实现页面跳转和传参

在Java开发模式下，页面跳转和传参页面间跳转分为Page（Ability）内跳转和Page（Ability）外跳转两种情景，两种情景跳转都需要借助 Intent 来实

Myth丶恋晨/ 2022年10月26日 01:29/ 0 赞/ 499 阅读

相关 angularjs页面的跳转与传参

方法一：location.href 第一个界面:布局 <li ng-repeat="remindItemData in remindListData" ng-cli

拼搏现实的明天。/ 2022年05月24日 09:51/ 0 赞/ 296 阅读

相关 APICloud怎么实现页面的跳转和传参

第一种方法一个页面跳转到另一个页面 window.location.href = 'adm\_login.html?name='+user+'&pass='+p

布满荆棘的人生/ 2022年03月10日 03:50/ 0 赞/ 923 阅读

相关 vue页面跳转传参

使用以下方式传参： `this.$router.push({ path: 'registerowner', name: "registerowner", params:{c

曾经终败给现在/ 2021年09月28日 22:32/ 0 赞/ 590 阅读

相关 uniapp中页面跳转和传参

效果图： ![20210306160241888.gif][] ![20210306162337112.gif][] 代码实现：结构目录： ![202103

拼搏现实的明天。/ 2021年07月25日 14:15/ 0 赞/ 644 阅读

相关 mpvue 页面跳转传参

1、跳转传参回调中 wx.navigateTo({ url:'根据当前文件的相对路径/?键值对' })

谁践踏了优雅/ 2021年07月24日 16:26/ 0 赞/ 599 阅读