JavaScript获取字符串中的参数_Jq获取URL中的参数
2017-04-24 13:00:18  By: dwtedx

有这么一种场景、如果我们使用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、上面就是包括封装函数和使用方法

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+