AngularJS页面带参跳转及参数解析操作示例


Posted in Javascript onJune 28, 2017

本文实例讲述了AngularJS页面带参跳转及参数解析操作。分享给大家供大家参考,具体如下:

页面带参跳转

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

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

参数解析

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);
})

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

希望本文所述对大家AngularJS程序设计有所帮助。

Javascript 相关文章推荐
javascript 冒号 使用说明
Jun 06 Javascript
jQuery的实现原理的模拟代码 -3 事件处理
Aug 03 Javascript
下拉列表select 由左边框移动到右边示例
Dec 04 Javascript
js 显示base64编码的二进制流网页图片
Apr 04 Javascript
jQuery中next方法用法实例
Apr 24 Javascript
js生成随机数的方法实例
Oct 16 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
Mar 25 Javascript
微信小程序 五星评分(包括半颗星评分)实例代码
Dec 14 Javascript
用vue封装插件并发布到npm的方法步骤
Oct 18 Javascript
vue中使用element-ui进行表单验证的实例代码
Jun 22 Javascript
js实现每日签到功能
Nov 29 Javascript
Vue如何实现验证码输入交互
Dec 07 Vue.js
AngularJS基于provider实现全局变量的读取和赋值方法
Jun 28 #Javascript
JavaScript循环_动力节点Java学院整理
Jun 28 #Javascript
JavaScript方法_动力节点Java学院整理
Jun 28 #Javascript
微信小程序后台解密用户数据实例详解
Jun 28 #Javascript
JavaScript箭头函数_动力节点Java学院整理
Jun 28 #Javascript
JavaScript之filter_动力节点Java学院整理
Jun 28 #Javascript
JavaScript高阶函数_动力节点Java学院整理
Jun 28 #Javascript
You might like
php找出指定范围内回文数且平方根也是回文数的方法
2015/03/23 PHP
php注册登录系统简化版
2020/12/28 PHP
PHP批量获取网页中所有固定种子链接的方法
2016/11/18 PHP
php基于ob_start(ob_gzhandler)实现网页压缩功能的方法
2017/02/18 PHP
PHP实现数组根据某个单元字段排序操作示例
2018/08/01 PHP
php并发加锁问题分析与设计代码实例讲解
2021/02/26 PHP
jquery isEmptyObject判断是否为空对象的函数
2011/02/14 Javascript
js触发select onchange事件的小技巧
2014/08/05 Javascript
js实现iframe自动自适应高度的方法
2015/02/17 Javascript
微信小程序 Windows2008 R2服务器配置TLS1.2方法
2016/12/05 Javascript
vue-router实现webApp切换页面动画效果代码
2017/05/25 Javascript
javascript帧动画(实例讲解)
2017/09/02 Javascript
react native与webview通信的示例代码
2017/09/25 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
JS匿名函数内部this指向问题详析
2019/05/10 Javascript
微信小程序实现canvas分享朋友圈海报
2020/06/21 Javascript
Ant-design-vue Table组件customRow属性的使用说明
2020/10/28 Javascript
[00:35]DOTA2上海特级锦标赛 MVP.Phx战队宣传片
2016/03/04 DOTA
Python中input和raw_input的一点区别
2014/10/21 Python
Python中list初始化方法示例
2016/09/18 Python
Python实现对文件进行单词划分并去重排序操作示例
2018/07/10 Python
Django中的forms组件实例详解
2018/11/08 Python
python实现京东订单推送到测试环境,提供便利操作示例
2019/08/09 Python
python字符串替换re.sub()方法解析
2019/09/18 Python
python实现引用其他路径包里面的模块
2020/03/09 Python
翻转数列python实现,求前n项和,并能输出整个数列的案例
2020/05/03 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
英国领先的杂志订阅网站:Magazine.co.uk
2018/01/25 全球购物
skyn ICELAND官网:冰岛成分天然护肤品
2020/08/24 全球购物
李维斯牛仔裤荷兰官方网站:Levi’s NL
2020/08/23 全球购物
北京某科技有限公司C# .net笔试题
2014/09/27 面试题
做一个有道德的人活动实施方案
2014/08/23 职场文书
家庭财产分割协议书范本
2014/11/24 职场文书
教学质量月活动总结
2015/05/11 职场文书
Python趣味挑战之实现简易版音乐播放器
2021/05/28 Python
解决Pytorch修改预训练模型时遇到key不匹配的情况
2021/06/05 Python