jquery 获取网页地址参数值

最新推荐文章于 2023-11-15 16:03:12 发布

转载最新推荐文章于 2023-11-15 16:03:12 发布 · 727 阅读

JAVASCRIPT 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现的URL参数解析方法。利用自定义的$.request函数可以从URL中提取查询字符串，并将其转换为易于操作的对象形式。此外，还提供了一个方法用于重新构建带有参数的URL。

新建一个urlParams.js文件，内容如下

    $.request = (function () {   
        var apiMap = {};   
        function request(queryStr) {   
            var api = {};   
            if (apiMap[queryStr]) { return apiMap[queryStr]; }   
            api.queryString = (function () {   
                var urlParams = {};   
                var e,   
                d = function (s) { return decodeURIComponent(s.replace(/\+/g, " ")); },   
                q = queryStr.substring(queryStr.indexOf('?') + 1),   
                r = /([^&=]+)=?([^&]*)/g;   
                while (e = r.exec(q))   urlParams[d(e[1])] = d(e[2]);  
                return urlParams;   
            })();   
            api.getUrl = function () {   
                var url = queryStr.substring(0, queryStr.indexOf('?') + 1);   
                for (var p in api.queryString) { url += p + '=' + api.queryString[p] + "&";     }   
                if (url.lastIndexOf('&') == url.length - 1) { return url.substring(0, url.lastIndexOf('&')); }   
                return url;   
            }   
            apiMap[queryStr] = api;   
            return api;   
        }   
        $.extend(request, request(window.location.href));   
        return request;   
    })();

取值方式：$.request.queryString["name"]