如何获取URL中的参数

---

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 ——