欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  技术分享

JavaScript获取字符串中的参数_Jq获取URL中的参数

程序员文章站 2021-11-28 11:20:56
...

有这么一种场景、如果我们使用get方式对服务端发请求的话、那么参数只有是跟在url后面、通过?a=1&b=2的这种方式来传递、那么如果我们使用的非后台程序的话、意思是如果我们后台没有php、java等做为服务器来接收请求的时候、就没办法自动把参数取出来

还比如我们要在js里面使用url里面的参数、那我们要怎么处理呢、今天就给大家分享一种通过js方法来获取url中的参数的方法


封装函数如下

function getQueryStringArgs() {
    //取得查询字符串并去掉开头的问号
    var qs = (location.search.length > 0 ? location.search.substring(1) : "");

    //保存数据对象
    args = {};

    //取得每一项
    items = qs.length ? qs.split("&") : [],
    item = null;
    name = null;
    value = null;

    //for循环
    i = 0;
    len = items.length;

    //将每一项加入args对象中
    for (i = 0; i < len; i  ) {
        item = items[i].split("=");
        name = decodeURIComponent(item[0]);
        value = decodeURIComponent(item[1]);

        if (name.length) {
            args[name] = value;
        }
    }
    return args;
}


使用方法如下

//假设 ?q=javascript&num=10
var args = getQueryStringArgs();
alert(args["q"]);
alert(args["num"]);


这样上面的结果输出的是javascript以及10、上面就是包括封装函数和使用方法