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 相关文章推荐
有关于JS构造函数的重载和工厂方法
Apr 07 Javascript
复制js对象方法(详解)
Jul 08 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
javascript面向对象之this关键词用法分析
Jan 13 Javascript
javascript浏览器窗口之间传递数据的方法
Jan 20 Javascript
jquery动态改变div宽度和高度
Feb 09 Javascript
javascript正则表达式基础知识入门
Apr 20 Javascript
js获取元素的外链样式的简单实现方法
Jun 06 Javascript
JavaScript使用原型和原型链实现对象继承的方法详解
Apr 05 Javascript
js轮播图无缝滚动效果
Jun 17 Javascript
Node如何后台数据库使用增删改查功能
Nov 21 Javascript
详解React 条件渲染
Jul 08 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
ADODB类使用
2006/11/25 PHP
PHP 文件系统详解
2012/09/13 PHP
php多个字符串替换成同一个的解决方法
2013/06/18 PHP
解析mysql 表中的碎片产生原因以及清理
2013/06/22 PHP
yii框架配置默认controller和action示例
2014/04/30 PHP
PHP实现链式操作的原理详解
2016/09/16 PHP
注意!PHP 7中不要做的10件事
2016/09/18 PHP
js trim函数 去空格函数与正则集锦
2009/11/20 Javascript
jquery 注意事项与常用语法小结
2010/06/07 Javascript
js null undefined 空区别说明
2010/06/13 Javascript
JQuery与JS里submit()的区别示例介绍
2014/02/17 Javascript
jQuery.holdReady()方法用法实例
2014/12/27 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
2015/03/04 Javascript
Javascript简单实现面向对象编程继承实例代码
2015/11/27 Javascript
AngularJS开发教程之控制器之间的通信方法分析
2016/12/25 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
2017/03/09 Javascript
Vue 2.0 服务端渲染入门介绍
2017/03/29 Javascript
Bootstrap模态框插件使用详解
2017/05/11 Javascript
vue弹出框组件封装实例代码
2019/10/31 Javascript
JavaScript隐式类型转换代码实例
2020/05/29 Javascript
[48:02]Ti4循环赛第三日 VG vs Liquid和NEWBEE vs DK
2014/07/12 DOTA
解决.ui文件生成的.py文件运行不出现界面的方法
2019/06/19 Python
Python 格式化打印json数据方法(展开状态)
2020/02/27 Python
魔声耳机官方网站:Monster是世界第一品牌的高性能耳机
2016/10/26 全球购物
伦敦一家非常流行的时尚精品店:Oxygen Boutique
2017/01/15 全球购物
Lookfantastic美国/加拿大:英国知名美妆购物网站
2019/03/27 全球购物
入党自我评价优缺点
2014/01/25 职场文书
安全生产投入制度
2014/01/29 职场文书
ktv周年庆活动方案
2014/08/18 职场文书
单位法定代表人授权委托书
2014/09/20 职场文书
四风问题个人自查剖析材料思想汇报
2014/09/21 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
先进个人申报材料
2014/12/30 职场文书
学雷锋倡议书
2015/01/19 职场文书
大明湖导游词
2015/02/03 职场文书
2016年圣诞节活动总结范文
2016/04/01 职场文书