码迷,mamicode.com
首页 > Web开发 > 详细

逐个访问URL的每个查询字符串参数

时间:2016-10-25 18:52:19      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:数据   解析   arch   component   rgs   cat   文章   字符串数组   style   

  下面介绍一个函数,用于处理location.search的结果,以解析查询字符串,然后返回包含所有参数的一个对象。

  比如  www.baidu.com?q=javascript&num=10 的访问地址,

            其中location.search 查询字符串为 ?q=javascript&num=10 ,

            解析后的结果为对象 {q:"javascript", num: 10},然后就可以通过对象的访问,取得每一个查询参数值。具体实现如下:

        function getQueryStringArgs() {
            var qs = (location.search.length > 0 ? location.search.substring(1) : ""), //取得查询字符串并去掉开头的问号
                args = {}, //保存数据的对象
                items = qs.length ? qs.split("&") : [], //根据和号(&)来分割查询字符串,并返回name=value 格式的字符串数组
                item = null,
                name = null,
                value = null,
                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();
        console.log(args["q"]); //"javascript"
        console.log(args["num"]); //"10"

 

文章参考自《JavaScript高级程序设计第三版》

逐个访问URL的每个查询字符串参数

标签:数据   解析   arch   component   rgs   cat   文章   字符串数组   style   

原文地址:http://www.cnblogs.com/ww03/p/5997580.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!