JS获取URL参数的两种方式，可接收参数中包含空格

最新推荐文章于 2024-07-04 16:42:06 发布

会飞的小海豚

最新推荐文章于 2024-07-04 16:42:06 发布

阅读量1.9k

点赞数 3

分类专栏： Js

本文链接：https://blog.csdn.net/sweetwyl/article/details/82756636

版权

Js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.url路径，其中row.name='张三'

'<a  target="_blank" href='+contextPath+'/logistics/admin/travel/apDriverTask.jsp?name='+encodeURIComponent(row.name)+'>任务记录</a>'

2.JS中获取参数

方法一:

var name="";
//获取路径中传参值
function getRequestParam(param) {
    var requestString = location.search;
    var reg = new RegExp("(?:\\?|&)" + param + "=(.*?)(?:&|$)");
    if (reg.test(requestString)) {
        return decodeURIComponent(RegExp.$1);
    } else {
        return '';
    }
}
name=getRequestParam('name');

方法二：

function getparam(){
    var query = location.search.substring(1);
    var values= query.split("&");
    var value = new Array(values.length);
    for(var i = 0; i < values.length; i++) {
        var pos = values[i].indexOf('=');
        if (pos == -1) continue;
        var paramname = values[i].substring(0,pos);
        value[i]=values[i].substring(pos+1);
        if(paramname=="name"){
        	name=decodeURI(value[i]);
        }
    }
}
getparam();

以上的两种方法均可接收到路径中的参数及包含位空格的参数，

其中之所以可以接收是因为在路径传参中加encodeURIComponent

Js用 decodeURIComponent 接收