`
阅读更多

Jquery获取html参数, jquery.params.js 获取参数

 

================================

©Copyright 蕃薯耀 2019年12月31日

http://fanshuyao.iteye.com/

 

/**
* 使用:$.query.get("paramName")
*
**/
new function (settings) {
    // Various Settings
    var $separator = settings.separator || '&';
    var $spaces = settings.spaces === false ? false : true;
    var $suffix = settings.suffix === false ? '' : '[]';
    var $prefix = settings.prefix === false ? false : true;
    var $hash = $prefix ? settings.hash === true ? "#" : "?" : "";
    var $numbers = settings.numbers === false ? false : true;

    jQuery.query = new function () {
        var is = function (o, t) {
            return o != undefined && o !== null && (!!t ? o.constructor == t : true);
        };
        var parse = function (path) {
            var m, rx = /\[([^[]*)\]/g, match = /^([^[]+)(\[.*\])?$/.exec(path), base = match[1], tokens = [];
            while (m = rx.exec(match[2])) tokens.push(m[1]);
            return [base, tokens];
        };
        var set = function (target, tokens, value) {
            var o, token = tokens.shift();
            if (typeof target != 'object') target = null;
            if (token === "") {
                if (!target) target = [];
                if (is(target, Array)) {
                    target.push(tokens.length == 0 ? value : set(null, tokens.slice(0), value));
                } else if (is(target, Object)) {
                    var i = 0;
                    while (target[i++] != null);
                    target[--i] = tokens.length == 0 ? value : set(target[i], tokens.slice(0), value);
                } else {
                    target = [];
                    target.push(tokens.length == 0 ? value : set(null, tokens.slice(0), value));
                }
            } else if (token && token.match(/^\s*[0-9]+\s*$/)) {
                var index = parseInt(token, 10);
                if (!target) target = [];
                target[index] = tokens.length == 0 ? value : set(target[index], tokens.slice(0), value);
            } else if (token) {
                var index = token.replace(/^\s*|\s*$/g, "");
                if (!target) target = {};
                if (is(target, Array)) {
                    var temp = {};
                    for (var i = 0; i < target.length; ++i) {
                        temp[i] = target[i];
                    }
                    target = temp;
                }
                target[index] = tokens.length == 0 ? value : set(target[index], tokens.slice(0), value);
            } else {
                return value;
            }
            return target;
        };

        var queryObject = function (a) {
            var self = this;
            self.keys = {};

            if (a.queryObject) {
                jQuery.each(a.get(), function (key, val) {
                    self.SET(key, val);
                });
            } else {
                jQuery.each(arguments, function () {
                    var q = "" + this;
                    q = q.replace(/^[?#]/, ''); // remove any leading ? || #
                    q = q.replace(/[;&]$/, ''); // remove any trailing & || ;
                    if ($spaces) q = q.replace(/[+]/g, ' '); // replace +'s with spaces

                    jQuery.each(q.split(/[&;]/), function () {
                        var key = decodeURIComponent(this.split('=')[0] || "");
                        var val = decodeURIComponent(this.split('=')[1] || "");

                        if (!key) return;

                        if ($numbers) {
                            if (/^[+-]?[0-9]+\.[0-9]*$/.test(val)) // simple float regex
                                val = parseFloat(val);
                            else if (/^[+-]?[0-9]+$/.test(val)) // simple int regex
                                val = parseInt(val, 10);
                        }

                        val = (!val && val !== 0) ? true : val;

                        if (val !== false && val !== true && typeof val != 'number')
                            val = val;

                        self.SET(key, val);
                    });
                });
            }
            return self;
        };

        queryObject.prototype = {
            queryObject: true,
            has: function (key, type) {
                var value = this.get(key);
                return is(value, type);
            },
            GET: function (key) {
                if (!is(key)) return this.keys;
                var parsed = parse(key), base = parsed[0], tokens = parsed[1];
                var target = this.keys[base];
                while (target != null && tokens.length != 0) {
                    target = target[tokens.shift()];
                }
                return typeof target == 'number' ? target : target || "";
            },
            get: function (key) {
                var target = this.GET(key);
                if (is(target, Object))
                    return jQuery.extend(true, {}, target);
                else if (is(target, Array))
                    return target.slice(0);
                return target;
            },
            SET: function (key, val) {
                var value = !is(val) ? null : val;
                var parsed = parse(key), base = parsed[0], tokens = parsed[1];
                var target = this.keys[base];
                this.keys[base] = set(target, tokens.slice(0), value);
                return this;
            },
            set: function (key, val) {
                return this.copy().SET(key, val);
            },
            REMOVE: function (key) {
                return this.SET(key, null).COMPACT();
            },
            remove: function (key) {
                return this.copy().REMOVE(key);
            },
            EMPTY: function () {
                var self = this;
                jQuery.each(self.keys, function (key, value) {
                    delete self.keys[key];
                });
                return self;
            },
            load: function (url) {
                var hash = url.replace(/^.*?[#](.+?)(?:\?.+)?$/, "$1");
                var search = url.replace(/^.*?[?](.+?)(?:#.+)?$/, "$1");
                return new queryObject(url.length == search.length ? '' : search, url.length == hash.length ? '' : hash);
            },
            empty: function () {
                return this.copy().EMPTY();
            },
            copy: function () {
                return new queryObject(this);
            },
            COMPACT: function () {
                function build(orig) {
                    var obj = typeof orig == "object" ? is(orig, Array) ? [] : {} : orig;
                    if (typeof orig == 'object') {
                        function add(o, key, value) {
                            if (is(o, Array))
                                o.push(value);
                            else
                                o[key] = value;
                        }
                        jQuery.each(orig, function (key, value) {
                            if (!is(value)) return true;
                            add(obj, key, build(value));
                        });
                    }
                    return obj;
                }
                this.keys = build(this.keys);
                return this;
            },
            compact: function () {
                return this.copy().COMPACT();
            },
            toString: function () {
                var i = 0, queryString = [], chunks = [], self = this;
                var encode = function (str) {
                    str = str + "";
                    if ($spaces) str = str.replace(/ /g, "+");
                    return encodeURIComponent(str);
                };
                var addFields = function (arr, key, value) {
                    if (!is(value) || value === false) return;
                    var o = [encode(key)];
                    if (value !== true) {
                        o.push("=");
                        o.push(encode(value));
                    }
                    arr.push(o.join(""));
                };
                var build = function (obj, base) {
                    var newKey = function (key) {
                        return !base || base == "" ? [key].join("") : [base, "[", key, "]"].join("");
                    };
                    jQuery.each(obj, function (key, value) {
                        if (typeof value == 'object')
                            build(value, newKey(key));
                        else
                            addFields(chunks, newKey(key), value);
                    });
                };

                build(this.keys);

                if (chunks.length > 0) queryString.push($hash);
                queryString.push(chunks.join($separator));

                return queryString.join("");
            }
        };

        return new queryObject(location.search, location.hash);
    };
} (jQuery.query || {}); // Pass in jQuery.query as settings object

 

使用方法:

var plan_type = $.query.get("plan_type") || "";

 

 

 

 

 

================================

©Copyright 蕃薯耀 2019年12月31日

http://fanshuyao.iteye.com/

 

1
1
分享到:
评论

相关推荐

    html页面动态获取连接参数 jquery.params.js

    在HTML文件中,我们需要先引入jQuery库,然后引入`jquery.params.js`,确保这两个文件都在`bb.html`页面中加载。可以通过以下方式引入: ```html &lt;script src="https://code.jquery....

    jquery.params.js页面带参数跳转插件

    `jquery.params.js` 是一个基于 jQuery 的小型插件,它主要功能是帮助开发者在进行页面跳转时方便地处理和传递参数。这个插件对于构建动态Web应用非常有用,特别是那些需要在URL中携带大量数据或者需要在不同页面...

    jquery.params.js传值插件下载

    在压缩包中的`jquery.params.js`文件是这个插件的源码,开发者可以查看其内部实现,了解它是如何解析和处理URL参数的。通过学习和理解插件的工作原理,我们可以更好地利用它,或者根据需求进行定制。 总的来说,`...

    jquery.params.js

    封装好的插件,引入这个js就可以直接用,专门用于两个html页面间传参,不需要经过后台: 第一个页面:url="index.html?name='mary'"; 第二个页面:var name = $...这样就可以简单的获取到第一个页面传过来的参数,使用简单方便

    jquery_params.js获取页面路径后参数....

    [removed][removed] [removed][removed] account.jsp?name="+name+"&sex;="+sex; var name = $.query.get("name"); var sex = $.query.get("sex");

    js实现同源页面参数的传递(jquery.params.js)

    总的来说,`js实现同源页面参数的传递(jquery.params.js)`这个实例可能是利用jQuery提供的功能,结合URL查询字符串、本地存储等方法,在同源页面之间实现参数的传递。这在需要在多个页面间共享状态或者进行特定...

    jquery.params.js文件

    `jquery.params.js` 文件是 jQuery 库的一个组成部分,主要用于处理参数序列化,特别是在 AJAX 请求中。在HTML和HTML页面之间传递数据时,`jquery.params.js` 提供了一种方便的方法,使得JavaScript对象能够被转换为...

    jQuery摇一摇插件slotmachine.js

    jQuery摇一摇插件slotmachine.js 包括jQuery库后的脚本: &lt;script src="/path/to/jquery.slotmachine.js"&gt; 使用用法 创建本机: var machine = $(foo).slotMachine( params ); 随机: machine.shuffle( repeat, ...

    jquery.params.js,页面传值插件

    封装好的插件,引入这个js就可以直接用,专门用于两个html页面间传参,不需要经过后台: 第一个页面:url="index.html?name='mary'"; 第二个页面:var name = $...这样就可以简单的获取到第一个页面传过来的参数,使用简单方便

    页面传值js文件jquery.params.js

    "页面传值js文件jquery.params.js" 提供了一种解决方案,利用JavaScript的jQuery库来简化这一过程。这个JavaScript文件主要实现了从URL参数到JavaScript变量的解析,使得开发者能够轻松地在不同的HTML页面间传递数据...

    jquery_query_js获取url参数

    1. **获取参数值**:使用`$.query.get(paramName)`,如上述示例所示,获取指定参数名的值。如果参数不存在,返回`null`。 2. **设置参数值**:使用`$.query.set(paramName, paramValue)`,可以设置或修改URL中的...

    静态页面之间传值,内含jquery.params.js

    &lt;script src="jquery.params.js"&gt; 请输入要传递的值"&gt; 传递到B页面 $(document).ready(function() { $("#transferBtn").click(function() { var value = $("#dataInput").val(); var url = "b.html?" + ...

    JqueryUrl参数获取

    总结,jQuery虽然没有内置的URL参数获取方法,但结合JavaScript的原生API,我们可以轻松实现这一功能。在实际开发中,务必考虑浏览器兼容性,特别是在处理老版本的Internet Explorer时。同时,合理利用URL参数,可以...

    jquery.query

    jQuery.query的核心功能在于提供了一种简单的方式来获取和设置URL中的查询参数。通过这个插件,我们可以直接在jQuery对象上使用方法来处理URL数据,避免了手动解析URL字符串的繁琐过程。这极大地提高了开发效率,...

    jquery.getParams.js

    封装js,获取url参数 example value = $.getURLParam("paramName");

    jquery参数传递

    ### jQuery EasyUI 传递参数到后台详解 在本篇文章中,我们将探讨如何使用jQuery EasyUI框架将表单数据作为参数传递到服务器端。这在Web应用开发中非常常见,尤其是在需要根据用户输入动态加载数据的情况下。 ####...

    jquery.editable:jQuery插件,允许您编辑文本并获取旧值和新值

    - 从GitHub仓库`jquery.editable-master`下载整个压缩包,解压后将`js`目录下的`jquery.editable.js`文件引入到你的HTML文件中。 - 或者,如果使用CDN服务,可以找到对应的链接地址,直接在HTML中引用。 ```html ...

    jquery.form.js:将地址栏的参数初始化到表单

    要获取这些参数,我们可以使用JavaScript的`window.location.search`来获取URL中的查询字符串,然后通过解析这个字符串来获取各个参数。 现在,假设我们有一个HTML表单,我们需要根据URL的查询参数填充表单字段。`...

    Jquery各种手册

    1. 包含jQuery库:jQuery通过`&lt;script&gt;`标签引入,通常从CDN(内容分发网络)获取,如`&lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt;`。 2. jQuery对象与DOM元素:jQuery对象是jQuery库的...

    jQueryAPI-1.41.zip

    1.3 DOM操作:`$(selector).html()`用于设置或获取元素的HTML内容,`$(selector).append()`则用于在元素末尾添加内容。 二、事件处理 2.1 绑定事件:`$(selector).click(function() {...})`绑定点击事件,`...

Global site tag (gtag.js) - Google Analytics