JS截取地址栏URL参数实例(含完整代码) – NA博客

JS截取地址栏URL参数实例(含完整代码)

在日常的编程过程中,有时候需要截取地址栏URL的参数,下面我将用一个小例子来演示。

首先我们先定义一个函数,命名为getQueryVariable,要求传递参数variable,该参数为你要取参数的键值

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如下:

https://www.newamdin.cn/a/b/c?name=admin&pwd=123456

若我们需要取name的值,只需要调用 getQueryVariable 并将key值(name)传入,就可以获取到value值(admin)

var value=getQueryVariable(name);
value=admin;

本文参考:JS获取url参数|菜鸟教程

清风

心中有梦想就要一如既往,不能遇到困难说放就放,千锤百炼才能磨炼出好钢,饱经风霜才能更强。

相关推荐

4 条评论

  1. gxd

    可以解决地址栏传参时中文乱码问题吗?

    • 清风

      GET请求时中文会被转码,可以根据文章中的取参方式正常取值,取值后再进行转码即可。

      例如:
      var value=getQueryVariable(name);
      value= encodeURI(encodeURI(value));

      这时候value就是转码后的中文字符了。

      • gxd

        你好,使用decodeURIComponent解决问题了,谢谢

        • 清风

          OK

发表评论

电子邮件地址不会被公开。 必填项已用*标注



微信扫一扫,分享到朋友圈

JS截取地址栏URL参数实例(含完整代码)
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close