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 相关文章推荐
在IE下:float属性会影响offsetTop的取值
Dec 22 Javascript
让元素在网页中可拖动示例代码
Aug 13 Javascript
javascript结合CSS实现苹果开关按钮特效
Apr 07 Javascript
写给小白的JavaScript引擎指南
Dec 04 Javascript
无缝滚动的简单实现代码(推荐)
Jun 07 Javascript
用jQuery向div中添加Html文本内容的简单实现
Jul 13 Javascript
jQuery实现CheckBox全选、全不选功能
Jan 11 Javascript
分享bootstrap学习笔记心得(组件及其属性)
Jan 11 Javascript
vue实现app页面切换动画效果实例
May 23 Javascript
使用vue制作FullPage页面滚动效果
Aug 21 Javascript
vue+webpack 更换主题N种方案优劣分析
Oct 28 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
Feb 15 Javascript
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 class中self,parent,this的区别以及实例介绍
2013/04/24 PHP
php echo, print, print_r, sprintf, var_dump, var_expor的使用区别
2013/06/20 PHP
Laravel中正确地返回HTTP状态码方法示例
2019/09/10 PHP
使用正则替换变量
2007/05/05 Javascript
Mootools 1.2教程 同时进行多个形变动画
2009/09/15 Javascript
IE下window.onresize 多次调用与死循环bug处理方法介绍
2013/11/12 Javascript
Javascript实现的常用算法(如冒泡、快速、鸽巢、奇偶等)
2014/04/29 Javascript
原生javaScript实现图片延时加载的方法
2014/12/22 Javascript
js实现网页抽奖实例
2015/08/05 Javascript
javascript与jquery中的this关键字用法实例分析
2015/12/24 Javascript
Bootstrap框架动态生成Web页面文章内目录的方法
2016/05/12 Javascript
jQuery实现的网格线绘制方法
2016/06/20 Javascript
全面了解JS中的匿名函数
2016/06/29 Javascript
提高Web性能的前端优化技巧总结
2017/02/27 Javascript
JS 调试中常见的报错问题解决方法
2017/05/20 Javascript
使用百度地图实现地图网格的示例
2018/02/06 Javascript
jQuery中$原理实例分析
2018/08/13 jQuery
JS检索下拉列表框中被选项目的索引号(selectedIndex)
2019/12/17 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
2020/06/29 Javascript
Python中利用sorted()函数排序的简单教程
2015/04/27 Python
在Python中处理列表之reverse()方法的使用教程
2015/05/21 Python
Python冒泡排序注意要点实例详解
2016/09/09 Python
Python numpy生成矩阵、串联矩阵代码分享
2017/12/04 Python
美国名牌香水折扣网站:Hottperfume
2021/02/10 全球购物
应聘自荐信
2013/12/14 职场文书
大学生演讲稿
2014/04/25 职场文书
开业庆典活动策划方案
2014/09/21 职场文书
致百米运动员广播稿5篇
2014/10/13 职场文书
党的群众路线教育实践活动个人对照检查材料(教师)
2014/11/04 职场文书
2014年乡镇人大工作总结
2014/11/25 职场文书
个人汇报材料范文
2014/12/30 职场文书
应届毕业生求职简历自我评价
2015/03/02 职场文书
汽车销售员工作总结
2015/08/12 职场文书
观看《信仰》心得体会
2016/01/15 职场文书
辞职信怎么写?
2019/05/21 职场文书
详解nodejs内置模块
2021/05/06 NodeJs