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 相关文章推荐
jWiard 基于JQuery的强大的向导控件介绍
Oct 28 Javascript
js事件冒泡实例分享(已测试)
Apr 23 Javascript
JS获取浏览器语言动态加载JS文件示例代码
Oct 31 Javascript
jquery实现可拖拽弹出层特效
Jan 04 Javascript
jquery制作 随机弹跳的小球特效
Feb 01 Javascript
jQuery监控文本框事件并作相应处理的方法
Apr 16 Javascript
js中for in语句的用法讲解
Apr 24 Javascript
学习JavaScript设计模式之代理模式
Jan 12 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
Oct 13 Javascript
jQuery 循环遍历改变a标签的href(实例讲解)
Jul 12 jQuery
使用puppeteer破解极验的滑动验证码
Feb 24 Javascript
解决element UI 自定义传参的问题
Aug 22 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获取163、gmail、126等邮箱联系人地址【已测试2009.10.10】
2009/10/11 PHP
PHP实现数字补零功能的2个函数介绍
2014/05/12 PHP
ThinkPHP3.1新特性之G方法的使用
2014/06/19 PHP
再推荐十款免费的php开发工具
2015/11/09 PHP
在PHP中使用FastCGI解析漏洞及修复方案
2015/11/10 PHP
php 一维数组的循环遍历实现代码
2017/04/10 PHP
Nginx实现反向代理
2017/09/20 Servers
Javascript中的Split使用方法与技巧
2007/03/09 Javascript
Javascript查询DBpedia小应用实例学习
2013/03/07 Javascript
javascript实现回车键提交表单方法总结
2015/01/10 Javascript
使用JavaScript为Kindeditor自定义按钮增加Audio标签
2016/03/18 Javascript
Vue 项目部署到服务器的问题解决方法
2017/12/05 Javascript
对vue中v-if的常见使用方法详解
2018/09/28 Javascript
Vue 动态组件与 v-once 指令的实现
2019/02/12 Javascript
vue踩坑记录之数组定义和赋值问题
2019/03/20 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
2019/09/23 Javascript
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
2019/09/27 Javascript
javascript实现简易数码时钟
2020/03/30 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
2020/04/28 Javascript
[02:27]DOTA2英雄基础教程 莱恩
2014/01/17 DOTA
[07:54]DOTA2 MV《我的动力鞋》 ImbaTV 出品
2014/11/21 DOTA
学习python处理python编码问题
2011/03/13 Python
python使用分治法实现求解最大值的方法
2015/05/12 Python
python 字典(dict)按键和值排序
2016/06/28 Python
Django 2.0版本的新特性抢先看!
2018/01/05 Python
django 自定义filter 判断if var in list的例子
2019/08/20 Python
python,Java,JavaScript实现indexOf
2020/09/09 Python
Python面向对象多态实现原理及代码实例
2020/09/16 Python
校长就职演讲稿
2014/01/06 职场文书
学生会离职感言
2014/02/11 职场文书
学习两会精神心得范文
2014/03/17 职场文书
2014社区健康教育工作总结
2014/12/16 职场文书
个人工作失误的保证书怎么写?
2019/06/21 职场文书
用python批量解压带密码的压缩包
2021/05/31 Python
Android开发手册自定义Switch开关按钮控件
2022/06/10 Java/Android
从原生JavaScript到React深入理解
2022/07/23 Javascript