JS获取URL参数

发布时间 2023-12-04 10:26:58作者: 江边散步_Annie

按照网上的案例,一开始是这样写:    

getUrlParams() {
      const   url   =   new   URL("http://localhost:8888/#/login?loginname=123456&ticket=abcd");
      const   queryParams   =   new   URLSearchParams(url.search);

      const  loginname  =  queryParams.get("loginname");
      const  ticket  =  queryParams.get("ticket");

      console.log("loginname:",  loginname);
      console.log("ticket:",  ticket);
    }

用到的url.search:查询字符串,这是一个字符串包含一个 '?' 后面跟着 URL 的参数。

 

调试发现我的url.search没有值,于是改成用索引截取字符串,最终代码如下:

    getUrlParams() {
      var url =  window.location.href;
      const num = url.indexOf("?");
      url = url.substring(num + 1);
      const   queryParams   =   new   URLSearchParams(url);

      const  loginname  =  queryParams.get("loginname");
      const  ticket  =  queryParams.get("ticket");

      console.log("loginname:",  loginname);
      console.log("ticket:",  ticket);
    }