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]);          //直接弹出第一个参数 (如果有多个参数 还要进行循环的)
       }
    }
  • 相关阅读:
    python简单学------------python基础、print,input,if判断等
    fread读取大文件以及返回值问题(转载)
    github的使用---git版本控制
    python中split函数的使用
    快递小哥逆袭自传:用了6年时间做到了IT部门主管
    Linux系统默默改变了人类世界的生活方式
    浅谈Linux系统运维工程师必备技能
    Linux运维工程师真实的工作状态到底是怎么样的?
    想要学习Linux技术,先好好的读一本Linux书籍吧
    女生可不可以进入IT行业做Linux运维工程师?
  • 原文地址:https://www.cnblogs.com/sky6699/p/6913644.html
Copyright © 2011-2022 走看看