精华内容
下载资源
问答
  • JS获取URL中参数值(QueryString)的4种方法

    我们在做页面跳传参的时候有时候需要处理传过来的参数进行匹配数据(一般用于详情页),一开始我想的是通过split进行分割获取,但是在实际开发过程中觉得有点单一,所以也是网上搜了一下别的,这里有四种获取方式就分享给大家了
    一:正则法:

    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"));
    

    二: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'];
    

    三:又见正则
    通过JS获取url参数,这个经常用到。比如说一个url:http://baidu.com/?userNme=js,我们想得到参数q的值,那可以通过以下函数调用即可。

    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("userName"));
    

    四:单个参数的获取

    function GetRequest() {
    var url = location.search; //获取url中"?"符后的字串
    if (url.indexOf("?") != -1) {    //判断是否有参数
    var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串
    strs = str.split("=");   //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔)
    alert(strs[1]);          //直接弹出第一个参数 (如果有多个参数 还要进行循环的)
    }
    }
    
    展开全文
  • js获取url中参数值

    千次阅读 2018-08-08 15:30:58
    var s 代表url参数key //调用GetQueryString(s) function GetQueryString(name) { var reg = new RegExp("(^|&amp;)"+ name +"=([^&amp;]*)(&amp;|$)"); var r = window....

    code:

    var s 代表url 的参数key 

    //调用GetQueryString(s)

    function GetQueryString(name) {
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if(r!=null)return  unescape(r[2]); return null;
    }

     

    展开全文
  • 思路分析: 1.location.search//得到?search=%E9%9E%8B 2.location.search.substring(1)//&amp;amp;...search=%E9%9E%8B&...(substring是截取字符串,参数1代表从什么时候截取,参数二代表结束位...
    假设地址栏地址是:http://localhost:3000/m/productlist.html?search=%E9%9E%8B
    思路分析:
    1.location.search//得到?search=%E9%9E%8B
    2.location.search.substring(1)//"search=%E9%9E%8B"(substring是截取字符串,参数1代表从什么时候截取,参数二代表结束位置)
    3.location.search.substring(1).split('=');//["search", "%E9%9E%8B"],split是分割的意思
    4.location.search.substring(1).split('=').[1]//"%E9%9E%8B"
    5.decodeURI("%E9%9E%8B")//鞋
    

    真实案例:
    方法1:

    // http://localhost:3000/m/productlist.html?search=%E9%9E%8B&price=1&num=2
    // 根据url中参数名获取值
    // ?search=%E9%9E%8B&price=1&num=2 参数
    // 参数名 = search  参数值 = 鞋
    // 参数名 = price  参数值 = 1
    // 参数名 = num  参数值 = 2
    function getQueryString(name){
    	// console.log(location);
    	// console.log(location.search);
    	// 1. 获取整个url参数的值的字符串 去掉第一个字符串 按照&分割成一个数组
    	var urlParams = location.search.substr(1).split('&');
    	// var urlParams = location.search.substring(1,location.search.length);
    	// console.log(urlParams);
    	for (var i = 0; i < urlParams.length; i++) {
    		// search=%E9%9E%8B  =前面参数名 以=分割 如果等号前面的和参数名一样 返回=号后面的参数的值
    		if(name == urlParams[i].split('=')[0]){
    			// 返回当前参数的值 同时转码
    			return decodeURI(urlParams[i].split('=')[1]);
    		}
    	}
    }
    console.log(getQueryString('search'));//鞋
    console.log(getQueryString('price'));//1
    console.log(getQueryString('num'));//2
    

    方法2:(参考文档:https://www.cnblogs.com/jiguisheng/p/5735030.html)

    
    function getQueryString(name) {
        var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
        var r = window.location.search.substr(1).match(reg);
        //console.log(r);
        if (r != null) {
            //转码方式改成 decodeURI
            return decodeURI(r[2]);
        }
        return null;
    }
    
    

    补充:vue默认hase路由中获取的方法:
    getUrlKey: function(name) {
    return (
    decodeURIComponent(
    (new RegExp(
    ‘[?|&]’ + name + ‘=’ + ‘([^&;]+?)(&|#|;|$)’
    ).exec(location.href) || [, ‘’])[1].replace(/+/g, ‘%20’)
    ) || null
    )
    },

    getUrlKey(‘token’)调用即可。

    展开全文
  • 入参数据因为业务需要来源两个部分,一是URL中参数、二是表单数据,这时请求入参设置需要进行不同的处理,详情如下: 1)业务请求数据来源 2)js处理 先定义一个获取URL的js函数: function getUrlParam...

           实际项目中,通过Ajax进行异步请求。入参数据因为业务需要来源两个部分,一是URL中参数、二是表单数据,这时请求入参设置需要进行不同的处理,详情如下:

          1)业务请求数据来源

     2)js处理

        先定义一个获取URL的js函数:

    function getUrlParam(name){  
            //构造一个含有目标参数的正则表达式对象  
            var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");  
            //匹配目标参数  
            var r = window.location.search.substr(1).match(reg);  
            //返回参数值  
            if (r!=null) return unescape(r[2]);  
            return null;  
            }  

        设置Ajax请求参数:

    /* 添加埋点用例 */
    function maidianCaseAdd() {
        var pointName = $("#pointName").val();// 埋点名称
        var platform = $("#platform").val();// 平台
        var platformVersion = $("#platformVersion").val();// 设备版本
        var pointType = $("#pointType").val();// 埋点类型
        var pagetype = $("#pagetype").val();// pageType
        var actionType = $("#actionType").val();// actionType
        var cate = $("#cate").val();//cate
        var params = $("#params").val();// 参数
        var sidDict = $("#sidDict").val();// sidDict
        var owner = $("#owner").val();// 报备者
        var iworkUrl = $("#iworkUrl").val();// iworkURL
        var IOSPath = $("#IOSPath").val();// IOSPath
        var ANDPath = $("#ANDPath").val();// ANDPath
        var state = $("#state").val();// 状态
        var taskId = getUrlParam('taskId');//获取URL中taskId
        
        $.ajax({
            url : "/task/addMaidianCase",
            data : {
                pointName : pointName,
                platform : platform,
                platformVersion : platformVersion,
                pointType : pointType,
                pagetype : pagetype,
                actionType : actionType,
                cate : cate,
                params : params,
                sidDict : sidDict,
                owner : owner,
                iworkUrl : iworkUrl,
                IOSPath : IOSPath,
                ANDPath : ANDPath,
                state : state,
                taskId : taskId,
            },
            dataType : "json",
            success : function(data) {
                //console.log(data);
                alert("保存成功");
         /*window.location.href = '/task/cancelTask';*/
            },
            error : function(e) {
                console.log(e);
                console.log("保存错误");
            }
        });

    展开全文
  • JS获取URL中参数值的4种方法

    千次阅读 2017-11-23 14:12:21
    通过JS获取url参数,这个经常用到。比如说一个url:http://wwww.jb51.net/?q=js,我们想得到参数q的,那可以通过以下函数调用即可。 复制代码 代码如下: function GetQueryString(name) {   ...
  • jquery获取Url和JS获取Url参数值

    千次阅读 2014-03-30 23:24:53
    jquery获取url的很简单: ...然后JS获取url参数的话 function getUrlParam (name) { var reg = new RegExp("(^|&)"+name+"=([^&*])(&|$)"); var r = window.location.search.substr(1).match(reg);
  • asp.Net 中获取URl参数值

    千次阅读 2019-04-20 13:01:04
    Url: http://localhost:8080/Modules/Test.aspx?FormViewMode=Edit 前端:var paramName = '<%=Request["FormViewMode"].ToString()%>'; 如果参数可以不存在可使用js方法 function GetQueryString(name) {...
  • 获取url中参数

    千次阅读 2017-02-27 17:47:27
    好久没有更新博客了,最近迷上了手账,一个很少女心的东西,总觉得想要学习的东西有很多,一起加油吧~ 今天来总结一下获取url中参数,比如 ... * 获取URL查询字符串query中参数 * @pa
  • 获取url中参数值

    千次阅读 2019-04-16 16:29:05
    //取url中参数值 function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return...
  • react获取URL中参数

    万次阅读 2017-12-12 21:26:42
    这个问题想必很多人都会遇到过,这里我说一下怎么获取URL中参数。 如图获取purchaseOrderNo。 这个时候我们需要使用一个东西: `queryString.parse(_this.props.location.search)` 通过这句话就可以...
  • js获取url中参数值(黑科技)

    千次阅读 2019-06-17 14:15:03
    以此 url 为例:http://localhost/index.html?id=310&name=xia&...//获取url传递的信息 let query = location.search; // ?id=310&name=xia&phone=13800138000 let searchParams = new URL...
  • 本文介绍了用jQuery/Zepto.js获取URL参数值或多个同名参数值的方法,同时提供了思路及源码。该方法不仅可以获取URL单个参数值,还能以数组的形式返回URL中多次出现的同名参数值。   需求 从URL中获取想要的参数...
  • 使用js获取Url中参数

    千次阅读 2019-05-14 14:25:42
    //paraName是url的key function getUrlParam(paraName) { var url = document.location.toString(); var arrObj = url.split("?"); if (arrObj.length > 1) { var arrPara = arrObj[1].split(...
  • java获取url指定参数值

    千次阅读 2019-03-13 15:24:42
    public static String getParam(String url, String name) { String params = url.substring(url.indexOf("?") + 1, url.length()); Map&lt;String, String&gt; split = Splitter.on("&...
  • 获取URL中& 后面的参数值

    千次阅读 2019-07-23 17:52:50
    获取URL中& 后面的参数值 getQueryVariable (name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); let arr = window.location.href.split("?"); let r = arr[1].match(reg); if...
  • .net mvc中获取URL参数值

    千次阅读 2018-08-15 09:18:16
    可以获取到get请求的?后的参数id的 2.RouteDate.Values["controller"].toString();可以获取到controller的 3.RouteDate.Values["action"].toString();可以获取到action的 4....
  • 如何获取浏览器URL参数值

    千次阅读 2019-05-31 11:31:45
    获取浏览器URL参数值 直接上代码 //获取浏览器URL参数值 function getQueryString(key){ var reg = new RegExp("(^|&)"+key+"=([^&]*)(&|$)"); var result = window.location.search.substr(1).match...
  • android 获取url 参数值

    万次阅读 2016-07-14 11:48:38
    前言 在开发webview 有时候需要控制url的跳转,所以需要获取url 参数进行判断 比如 ...这样的一个url 我想获取paymenttype参数 ,解决的办法就是写一个工具类 代码如下 /** *
  • URL 中获取某个参数

    千次阅读 2016-07-15 14:08:21
    如何从URL中获取某个参数 比如获取 http://pcuser.com/cuser/productController/toSearch.do?isNgh=-1&company=1234  获取isNgh 和 company 字段的 Activity 中 private String ...
  • 前端页面获取URL中的中文参数值

    千次阅读 2016-11-09 15:58:05
    例如url为 http://XXxXXX?name=张三, 要在页面显示,直接用{param.name}会乱码 function getRequest() {  var url = window.location.... //获取url中"?"符后的字串  var theRequest = new Object();  if
  • js获取url参数值

    千次阅读 2012-03-28 09:11:24
    静态html文件js读取url参数 根据获取html的参数值控制html页面输出 一、字符串分割分析法。  这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的request.querystring,PHP的$_GET ...
  • 截取url地址参数名 var url="http://vip.qq.com/a.php?a=1&b=3&c=4&d=5"//定义参数可以是无限的 var arr=url.split("?")[1]; //根据?跟个url var arr2=arr[1].split("&"); //根据&重新分割
  • React获取url后面参数

    千次阅读 2019-06-26 14:30:23
    在要获取值得页面进行引入 import { getUrlToken } from '写你建立公共方法的地址'; // 结果测试 constructor(peops){ super(peops); const token = getUrlToken ('token',peops.location.search); ...
  • 获取url中参数值(支持传入数组)

    千次阅读 2018-07-15 22:08:32
    传入一个字符串时,返回url中对应的参数值,如果没有对应的参数名则返回null 传入一个数组时,返回一个数组,保存着对应的字符串,如果参数名不存在则保存为‘’空字符串 示例: 代码如下: function get...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 829,737
精华内容 331,894
关键字:

如何获取url中的参数值