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]);          //直接弹出第一个参数 (如果有多个参数 还要进行循环的)
       }
    }
  • 相关阅读:
    Cloudera Manager 4.6 安装部署hadoop CDH集群
    linux下统计目录下所有子目录的大小
    jvisualvm远程监控tomcat
    安装ubuntu server时可能会需要的配置
    安装配置maven私服-nexus
    maven环境配置
    各版本eclipse的maven配置
    转载:Centos7 从零编译Nginx+PHP+MySql 序言 一
    MongoDB系列一:CentOS7.2下安装mongoDB3.2.8
    MongoDB Windows环境安装及配置
  • 原文地址:https://www.cnblogs.com/sky6699/p/6913644.html
Copyright © 2011-2022 走看看