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

布满荆棘的人生 2022-03-10 03:50 863阅读 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 条评论，863人围观）

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

相关阅读

相关 mui页面跳转及传参

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

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

相关 uni-app 跳转页面并传参

页面跳转 uni-app官方文档父页面跳转子页面传参子页面返回父页面传参使用uni.\\$emit和uni.\\$on页面通讯 u

朴灿烈づ我的快乐病毒、/ 2022年12月23日 06:26/ 0 赞/ 361 阅读

相关 vue element-ui 页面跳转传参

第一种方式 1.跳转按钮 router-link <router-link :to="{path:'router中配置的页面路径',query:{参数名:

- 日理万妓/ 2022年11月22日 05:12/ 0 赞/ 548 阅读

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

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

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

相关 angularjs页面的跳转与传参

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

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

相关 a标签跳转页面传参问题

在一个html页面想要跳转到另一个html页面，并且想要传递参数过去。该怎么办？解决办法：直接跳转好像不行，因为我的事web项目，所以我通过Controller方法里面

ゞ浴缸里的玫瑰/ 2022年04月03日 05:42/ 0 赞/ 665 阅读

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

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

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

相关 vue页面跳转传参

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

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

相关 uniapp中页面跳转和传参

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

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

相关 mpvue 页面跳转传参

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

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