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 相关文章推荐
使用jquery实现以post打开新窗口
Mar 19 Javascript
javascript数组去重方法终极总结
Jun 05 Javascript
详解javascript中原始数据类型Null和Undefined
Dec 17 Javascript
基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
Jan 07 Javascript
vue项目中的webpack-dev-sever配置方法
Dec 14 Javascript
Angularjs实现数组随机排序的方法
Oct 02 Javascript
基于jquery实现九宫格拼图小游戏
Nov 30 jQuery
node.js微信小程序配置消息推送的实现
Feb 13 Javascript
js实现图片上传到服务器和回显
Jan 19 Javascript
Typescript3.9 常用新特性一览(推荐)
May 14 Javascript
详解vue 组件的实现原理
Nov 12 Javascript
JavaScript实现网页跨年倒计时
Dec 02 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
DOTA2【瓜皮时刻】Vol.91 RTZ山史最惨“矿难”
2021/03/05 DOTA
PHP获取数组中指定的一列实例
2017/12/27 PHP
thinkPHP框架自动填充原理与用法分析
2018/04/03 PHP
PHP实现通过二维数组键值获取一维键名操作示例
2019/10/11 PHP
数理公式,也可以这么唯美
2021/03/10 无线电
关于jquery append() html时的小问题的解决方法
2010/12/16 Javascript
解决jquery异步按一定的时间间隔刷新问题
2012/12/10 Javascript
js计算时间差代码【包括计算,天,时,分,秒】
2016/04/26 Javascript
Highcharts入门之简介
2016/08/02 Javascript
AngularJS  $modal弹出框实例代码
2016/08/24 Javascript
JavaScript中一些特殊的字符运算
2017/08/17 Javascript
Express下采用bcryptjs进行密码加密的方法
2018/02/07 Javascript
JS实现json对象数组按对象属性排序操作示例
2018/05/18 Javascript
Javascript节流函数throttle和防抖函数debounce
2020/12/03 Javascript
[15:57]教你分分钟做大人:斧王
2014/10/30 DOTA
python的构建工具setup.py的方法使用示例
2017/10/23 Python
python3中函数参数的四种简单用法
2018/07/09 Python
python批量下载网站马拉松照片的完整步骤
2018/12/05 Python
Python3+Pycharm+PyQt5环境搭建步骤图文详解
2019/05/29 Python
网易有道2017内推编程题 洗牌(python)
2019/06/19 Python
python数字类型math库原理解析
2020/03/02 Python
解决pycharm编辑区显示yaml文件层级结构遇中文乱码问题
2020/04/27 Python
Keras 加载已经训练好的模型进行预测操作
2020/06/17 Python
使用canvas压缩图片大小的方法示例
2019/08/02 HTML / CSS
Ralph Lauren拉夫·劳伦美国官网:带有浓郁美国气息的高品味时装品牌
2017/11/01 全球购物
大专毕业自我鉴定
2014/02/04 职场文书
大学活动总结格式
2014/04/29 职场文书
党员教师四风问题对照检查材料
2014/09/26 职场文书
销售人才自我评价范文
2014/09/27 职场文书
张丽莉事迹观后感
2015/06/16 职场文书
苦儿流浪记读书笔记
2015/07/01 职场文书
2016年大学生寒假社会实践心得体会
2015/10/09 职场文书
学习党史心得体会2016
2016/01/23 职场文书
2016年圣诞节义工活动总结
2016/04/01 职场文书
攻略丨滑雪究竟该选哪款对讲机?
2022/02/18 无线电
MySQL索引失效场景及解决方案
2022/07/23 MySQL