获取URL中的参数

  • 1. 使用JS函数获取URL参数
    • 使用示例
  • 2. Angular应用中,从URL中获取参数信息的方法
    • 使用示例
    • ActivatedRoute属性

1. 使用JS函数获取URL参数

function getQueryVariable(variable)
{var query = window.location.search.substring(1);var vars = query.split("&");for (var i=0;i<vars.length;i++) {var pair = vars[i].split("=");if(pair[0] == variable){return pair[1];}}return(false);
}

使用示例

url 实例:http://www.runoob.com/index.php?id=1&image=awesome.jpg
调用 getQueryVariable("id") 返回 1。
调用 getQueryVariable("image") 返回 "awesome.jpg"。

2. Angular应用中,从URL中获取参数信息的方法

通过注入ActivatedRoute实例,访问与某出口中加载的组件关联路由信息。

使用示例

import {Component} from '@angular/core';
/* . . . */
import {ActivatedRoute} from '@angular/router';@Component({/* . . . */
})
export class ActivatedRouteComponent {urlParams; // url中的查询参数对象constructor(activatedRoute: ActivatedRoute) {this.activatedRoute.queryParams.subscribe(p => {this.urlParams = p;});}
}

ActivatedRoute属性

queryParams: Observable< Params > : 一个 Observable,表示所有路由共享的查询参数(?)。


—— END ——

如何获取URL中的参数相关推荐

  1. javaScript获取url中的参数

    var urlTools = {//获取RUL参数值getUrlParam: function(name) { /*?videoId=identification */var params = dec ...

  2. android 获取url中的参数,验证邮箱格式,截取字符串中键值对的值,String的字节长度,去空格,替换字符

    String ss="hello"; byte[] buff=ss.getBytes(); int f=buff.length; System.out.println(f); 字节 ...

  3. 如何获取url中的参数并传递给iframe中的报表

    在使用报表软件时,用户系统左边一般有目录树,点击报表节点就会在右侧网页的iframe中显示出报表,同时点击的时候也会传递一些参数给网页,比如时间和用户信息等.如何使网页中的报表能够获取到传递过来的参数 ...

  4. js获取url中的参数

    window.location: window的location对象 window.location.href 整个URl字符串(在浏览器中就是完整的地址栏) window.location.prot ...

  5. python获取url列表参数_python 获取url中的参数列表实例

    Python的urlparse有对url的解析,从而获得url中的参数列表 import urlparse urldata = "http://en.wikipedia.org/w/api. ...

  6. Vue 获取URL中的参数

    实现效果如下: 获取URL中的参数,并显示在页面上 流程: 1.在index.js中编辑代码如下: import {createRouter,createWebHashHistory} from 'v ...

  7. 由laravel 5.5无法获取url中的参数引发的apache的.htaccess文件问题

    一.前言 我这边碰到的问题就是,无法获取url中的get参数.本地使用的是laravel 5.5版本.明明url里面清清楚楚的写着参数,但是你却获取不到,这感觉实在是很气很气.刚开始以为是larave ...

  8. URL传参小用法获取url中的参数

    写页面的时候发现的小用法,记录下来,关于url静态传参的问题. 首先列举下获取URL中参数的几种方法 方法一:正则法 这个正则是寻找&+url参数名字=值+&*/     这里参考网址 ...

  9. 获取 url 中的参数

    封装一个方法 我们熟知 url中的参数是以这种形式展示的 ?id=123&name=tom&age=13- 第一种:基础用法 用字符串分割 所以.来吧展示 function getPa ...

最新文章

  1. 最新的B站弹幕和评论爬虫,你们要的冰冰来啦!
  2. OSSIM系统——mysql的使用
  3. 御泥坊搜索引擎优化网络诊断_掌握以下这些网络营销搜索引擎优化技巧,你的排名想不靠前都难!...
  4. 接口测试并不只是测试参数和返回值
  5. Windows下PowerShell监控Keepalived
  6. Ubunt sudo免密码输入
  7. Harmony OS — RadioButton RadioContainer单选按钮单选按钮组
  8. 记录一次归档日志爆满事件
  9. [19/06/08-星期六] CSS基础_表格表单
  10. Python:身份运算符is和==的区别
  11. .NET应用服务器(中间件)来到
  12. 《Redis视频教程》(p6)
  13. 代码抛出异常后进行事务回滚的两种方式(Spring @Transactional注解)
  14. C语言实践项目:2019年个税计算器
  15. 我也DIY一个Android遥控器-全部开源
  16. LNMP一键安装包如何重装Nginx
  17. AUTOCAD——图纸歪了如何对齐
  18. 安装织梦的时候出现dir怎么办?亲测有效解决方案
  19. 有N个人围成一圈,从第一个人开始报数,数到3的人出列,直到最后一个人,问他的编号
  20. android 编写发表帖子的页面

热门文章

  1. 二分法:查找区间search for a range
  2. Ubuntu iso镜像文件写入U盘
  3. 【Java_基础】Java中Native关键字的作用
  4. OpenCV 学习笔记03 boundingRect、minAreaRect、minEnclosingCircle、boxPoints、int0、circle、rectangle函数的用法...
  5. ‘百度杯’十月场web ---login
  6. $(shell expr $(MAKE_VERSION) \= 3.81) 这里“\”的解释
  7. switch...case结构
  8. java 基础---继承
  9. 《40期》 我们要把世纪末日变成重生日
  10. [WCF REST] 解决资源并发修改的一个有效的手段:条件更新(Conditional Update)