zoukankan      html  css  js  c++  java
  • JS获取URL中参数值(QueryString)的4种方法分享

    方法一:正则法

    function getQueryString(name) {
        var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
        var r = window.location.search.substr(1).match(reg);
        if (r != null) {
            return unescape(r[2]);
        }
        return null;
    }
    // 这样调用:
    alert(GetQueryString("参数名1"));
    
    alert(GetQueryString("参数名2"));
    
    alert(GetQueryString("参数名3"));

    如上述方法遇到中文乱码,则可改用以下方法(decodeURI),后台的方法同理:

        function getQueryString(name) {   
              var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");   
              var r = window.location.search.substr(1).match(reg);   
              if (r != null) return decodeURI(r[2]); return null;   
        }  
    // 这样调用:
    alert(GetQueryString("参数名1"));
    
    alert(GetQueryString("参数名2"));
    
    alert(GetQueryString("参数名3"));
     

    方法二:split拆分法

    function GetRequest() {
        var url = location.search; //获取url中"?"符后的字串
        var theRequest = new Object();
        if (url.indexOf("?") != -1) {
            var str = url.substr(1);
            strs = str.split("&");
            for(var i = 0; i < strs.length; i ++) {
                theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }
    var Request = new Object();
    Request = GetRequest();
    // var 参数1,参数2,参数3,参数N;
    // 参数1 = Request['参数1'];
    // 参数2 = Request['参数2'];
    // 参数3 = Request['参数3'];
    // 参数N = Request['参数N'];

    方法三:又见正则

    function GetQueryString(name) { 
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
        var r = window.location.search.substr(1).match(reg);  //获取url中"?"符后的字符串并正则匹配
        var context = ""; 
        if (r != null) 
             context = r[2]; 
        reg = null; 
        r = null; 
        return context == null || context == "" || context == "undefined" ? "" : context; 
    }
    alert(GetQueryString("q")); 

    方法四:单个参数的获取方法

    function GetRequest() {
       var url = location.search; //获取url中"?"符后的字串
       if (url.indexOf("?") != -1) {    //判断是否有参数
          var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串
          strs = str.split("=");   //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔)
          alert(strs[1]);          //直接弹出第一个参数 (如果有多个参数 还要进行循环的)
       }
    }
  • 相关阅读:
    linux查看与设置主机名
    为什么用户主目录下.bash_profile没有自动执行
    sqlplus查看服务名
    linux之cp/scp命令+scp命令详解
    查看磁盘使用量
    yum源
    微软输入法删除
    Android下 ionic view 无法登录
    inline-block在ie6中的经典bug
    Apache端口配置
  • 原文地址:https://www.cnblogs.com/sky6699/p/6913644.html
Copyright © 2011-2022 走看看