angularjs页面带参跳转以及参数解析

分手后的思念是犯贱 2022-09-23 03:57 168阅读 0赞

## 页面带参跳转 ##

$scope.LoginSucessLocation = function () { 
    
        var hre = 'http://ctb.qingguo.com/weixinCt/main#/upload_topic_start?uid=' + $scope.uid + '&orgcode=' + $scope.orgCode;
        location.href = hre;
    }

在url的后面，增加?，然后直接带参数。

## 参数解析 ##

1.  controller声明要增加$location的注入

app.controller('loginCtrl', function ($scope, $http, $interval, $cookies, $location, userService) { 
        var absUrl = $location.absUrl();
        function UrlSearch() { 
            var name, value;
            var str = location.href; //取得整个地址栏
            var num = str.indexOf("?");
            str = str.substr(num + 1); //取得所有参数 stringvar.substr(start [, length ]
    
            var arr = str.split("&"); //各个参数放到数组里
            for (var i = 0; i < arr.length; i++) {
                num = arr[i].indexOf("=");
                if (num > 0) {
                    name = arr[i].substring(0, num);
                    value = arr[i].substr(num + 1);
                    this[name] = value;
                }
            }
        }
    
        var Request = new UrlSearch(); //实例化
        alert("Request.orgid = "+ Request.orgid);
    })

1.  从`Request` 中，通过键值获取出来的值，就是url带的参数，直接用即可。

发表评论取消回复

表情：

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

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

相关阅读

相关 uni-app带参数跳转页面

uni-app带参数跳转页面传参页面 <view class="comment" @click="comment(detail.goods_id)"><!--

太过爱你忘了你带给我的痛/ 2023年06月30日 08:58/ 0 赞/ 21 阅读

相关 uni-app带参数的页面跳转

新人使用uni-app的一些问题的解决方案！！在做数据循环时，怎么去传递，点击“详情”，那么进到某个商品的详情页面 ![在这里插入图片描述][2020061519471

亦凉/ 2023年02月18日 03:18/ 0 赞/ 27 阅读

相关 angularjs页面带参跳转以及参数解析

页面带参跳转 $scope.LoginSucessLocation = function () { var hre = 'http:/

分手后的思念是犯贱/ 2022年09月23日 03:57/ 0 赞/ 169 阅读

相关页面跳转传值angularjs

默认排序 [![Ye Huang][]][Ye Huang 1] [Ye Huang][Ye Huang 1] [http://yehuang.me][http_yeh

小鱼儿/ 2022年06月05日 03:36/ 0 赞/ 278 阅读

相关 AngularJS 如何实现页面跳转过程中传递参数

转载出处： [https://www.zhihu.com/question/33565135/answer/69651500][https_www.zhihu.com_qu

叁歲伎倆/ 2022年05月26日 03:23/ 0 赞/ 218 阅读

相关 angularjs页面的跳转与传参

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

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

相关 Andriod带参跳转

传值FiveActivity.java 接收SixActivity.java activity\_five.xml <RelativeLayout xm

悠悠/ 2022年05月23日 13:23/ 0 赞/ 196 阅读

相关小程序页面跳转、带参数跳转以及navigator跳转

一、单纯的页面跳转跳转到的页面分 tabBar 页面和非tabBar 页面。url路径可以写相对和绝对路径。 1、跳转到非导航页面，用 wx.navigateTo

朱雀/ 2022年05月11日 06:38/ 0 赞/ 533 阅读

相关 VUE：组件间相互跳转、页面带参跳转

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] 只是记录下用法：从 A 页面跳转到 B 页面。

迷南。/ 2022年04月03日 07:44/ 0 赞/ 608 阅读

相关页面带参数跳转，formatByObject处理参数格式

为String对象添加formatByObject方法 String.prototype.formatByObject = function () {

朱雀/ 2021年10月23日 22:34/ 0 赞/ 392 阅读