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 面向对象的 私有成员和公开成员
May 13 Javascript
jQuery之尺寸调整组件的深入解析
Jun 19 Javascript
node.js中的console.timeEnd方法使用说明
Dec 09 Javascript
javascript 中的console.log和弹出窗口alert
Aug 30 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
Mar 09 Javascript
jquery处理checkbox(复选框)是否被选中实例代码
Jun 12 jQuery
EasyUI的DataGrid每行数据添加操作按钮的实现代码
Aug 22 Javascript
vue-cli webpack 引入swiper的操作方法
Sep 15 Javascript
微信小程序显示倒计时功能示例【测试可用】
Dec 03 Javascript
在Vue环境下利用worker运行interval计时器的步骤
Aug 01 Javascript
微信小程序中button去除默认的边框实例代码
Aug 01 Javascript
vue3修改link标签默认icon无效问题详解
Oct 09 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验证码生成类分享
2014/08/21 PHP
PHP PDOStatement::closeCursor讲解
2019/01/30 PHP
详解php反序列化
2020/06/10 PHP
javascript中字符串替换函数replace()方法与c# 、vb 替换有一点不同
2010/06/25 Javascript
JQuery优缺点分析说明
2011/04/10 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
2013/01/11 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
返回页面顶部top按钮通过锚点实现(自写)
2013/08/30 Javascript
BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法
2016/04/03 Javascript
jQuery实现区域打印功能代码详解
2016/06/17 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
2016/10/10 Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
2017/03/23 Javascript
ES6学习笔记之Set和Map数据结构详解
2017/04/07 Javascript
Vue中this.$router.push参数获取方法
2018/02/27 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
2019/07/03 Javascript
node.js 微信开发之定时获取access_token
2020/02/07 Javascript
vue实现信息管理系统
2020/05/30 Javascript
js模拟实现百度搜索
2020/06/28 Javascript
编写Python脚本来实现最简单的FTP下载的教程
2015/05/04 Python
Python 使用PIL numpy 实现拼接图片的示例
2018/05/08 Python
将Dataframe数据转化为ndarry数据的方法
2018/06/28 Python
VSCode Python开发环境配置的详细步骤
2019/02/22 Python
PYTHON绘制雷达图代码实例
2019/10/15 Python
基于Python实现简单学生管理系统
2020/07/24 Python
JSF界面控制层技术
2013/06/17 面试题
办公室经理岗位职责
2014/01/01 职场文书
葬礼司仪主持词
2014/03/31 职场文书
低碳环保倡议书
2014/04/14 职场文书
2014大学生批评与自我批评思想汇报
2014/09/21 职场文书
语文教师求职信范文
2015/03/20 职场文书
英语教师求职信范文
2015/03/20 职场文书
女儿满月酒致辞
2015/07/29 职场文书
高一化学教学反思
2016/02/22 职场文书
小型企业的绩效考核制度模板
2019/11/21 职场文书
Arthas排查Kubernetes中应用频繁挂掉重启异常
2022/02/28 MySQL
插件导致ECharts被全量引入的坑示例解析
2022/09/23 Javascript