jQuery 获取 URL信息

发布日期:2018-02-09    浏览次数:731

  jQuery获取URL信息有很多方法,但是使用这个插件就非常爽了。

  托管地址在:http://github.com/allmarkedup/jQuery-URL-Parser

            //  http: //localhost:19090/home/index?id=1
            var source = $.url.attr("source");      //  http://localhost:19090/home/index?id=1
            var protocol = $.url.attr("protocol");      //  http    全部可选值http, https, file, etc
            var path = $.url.attr("path");          //  /home/index
            var host = $.url.attr("host");          //  localhost
            var port = $.url.attr("port");          //  19090
            var relative = $.url.attr("relative");  //  /home/index?id=1
            var directory = $.url.attr("directory");//  /home/index
            
            //  http://localhost:19090/floder/index.html?id=1
            var file = $.url.attr("file");          //  index.html
            var query = $.url.attr("query");        //  id = 1  这个还可以调用  .param() 
            
            
            var id = $.url.param("id");             //  1;
            var segment = $.url.segment(1);        // 0:floder 1:index.html

            //也可以指定其他URL
            var setUrlAnchor = $.url.setUrl("http://www.baidu.com/#logo").attr("anchor");   //  此时setUrlAnchor与上面示例的 $.url同样调用处理喊出

   jQuery.URL.Parse源代码如下:

// JQuery URL Parser
// Written by Mark Perkins, mark@allmarkedup.com
// License: http://unlicense.org/ (i.e. do what you want with it!)

jQuery.url = function() {
    var segments = {};

    var parsed = {};

    /**
    * Options object. Only the URI and strictMode values can be changed via the setters below.
    */
    var options = {

        url: window.location, // default URI is the page in which the script is running

        strictMode: false, // 'loose' parsing by default

        key: ["source", "protocol", "authority", "userInfo", "user", "password", "host", "port", "relative", "path", "directory", "file", "query", "anchor"], // keys available to query 

        q: {
            name: "queryKey",
            parser: /(?:^|&)([^&=]*)=?([^&]*)/g
        },

        parser: {
            strict: /^(?:([^:\/?#]+):)?(?:\/\/((?:(([^:@]*):?([^:@]*))?@)?([^:\/?#]*)(?::(\d*))?))?((((?:[^?#\/]*\/)*)([^?#]*))(?:\?([^#]*))?(?:#(.*))?)/,  //less intuitive, more accurate to the specs
            loose: /^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/)?((?:(([^:@]*):?([^:@]*))?@)?([^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/ // more intuitive, fails on relative paths and deviates from specs
        }

    };

    /**
    * Deals with the parsing of the URI according to the regex above.
    * Written by Steven Levithan - see credits at top.
    */
    var parseUri = function() {
        str = decodeURI(options.url);

        var m = options.parser[options.strictMode ? "strict" : "loose"].exec(str);
        var uri = {};
        var i = 14;

        while (i--) {
            uri[options.key[i]] = m[i] || "";
        }

        uri[options.q.name] = {};
        uri[options.key[12]].replace(options.q.parser, function($0, $1, $2) {
            if ($1) {
                uri[options.q.name][$1] = $2;
            }
        });

        return uri;
    };

    /**
    * Returns the value of the passed in key from the parsed URI.
    * 
    * @param string key The key whose value is required
    */
    var key = function(key) {
        if (jQuery.isEmptyObject(parsed)) {
            setUp(); // if the URI has not been parsed yet then do this first...    
        }
        if (key == "base") {
            if (parsed.port !== null && parsed.port !== "") {
                return parsed.protocol + "://" + parsed.host + ":" + parsed.port + "/";
            }
            else {
                return parsed.protocol + "://" + parsed.host + "/";
            }
        }

        return (parsed[key] === "") ? null : parsed[key];
    };

    /**
    * Returns the value of the required query string parameter.
    * 
    * @param string item The parameter whose value is required
    */
    var param = function(item) {
        if (jQuery.isEmptyObject(parsed)) {
            setUp(); // if the URI has not been parsed yet then do this first...    
        }
        return (parsed.queryKey[item] === null) ? null : parsed.queryKey[item];
    };

    /**
    * 'Constructor' (not really!) function.
    *  Called whenever the URI changes to kick off re-parsing of the URI and splitting it up into segments. 
    */
    var setUp = function() {
        parsed = parseUri();

        getSegments();
    };

    /**
    * Splits up the body of the URI into segments (i.e. sections delimited by '/')
    */
    var getSegments = function() {
        var p = parsed.path;
        segments = []; // clear out segments array
        segments = parsed.path.length == 1 ? {} : (p.charAt(p.length - 1) == "/" ? p.substring(1, p.length - 1) : path = p.substring(1)).split("/");
    };

    return {

        /**
        * Sets the parsing mode - either strict or loose. Set to loose by default.
        *
        * @param string mode The mode to set the parser to. Anything apart from a value of 'strict' will set it to loose!
        */
        setMode: function(mode) {
            options.strictMode = mode == "strict" ? true : false;
            return this;
        },

        /**
        * Sets URI to parse if you don't want to to parse the current page's URI.
        * Calling the function with no value for newUri resets it to the current page's URI.
        *
        * @param string newUri The URI to parse.
        */
        setUrl: function(newUri) {
            options.url = newUri === undefined ? window.location : newUri;
            setUp();
            return this;
        },

        /**
        * Returns the value of the specified URI segment. Segments are numbered from 1 to the number of segments.
        * For example the URI http://test.com/about/company/ segment(1) would return 'about'.
        *
        * If no integer is passed into the function it returns the number of segments in the URI.
        *
        * @param int pos The position of the segment to return. Can be empty.
        */
        segment: function(pos) {
            if (jQuery.isEmptyObject(parsed)) {
                setUp(); // if the URI has not been parsed yet then do this first...    
            }
            if (pos === undefined) {
                return segments.length;
            }
            return (segments[pos] === "" || segments[pos] === undefined) ? null : segments[pos];
        },

        attr: key, // provides public access to private 'key' function - see above

        param: param // provides public access to private 'param' function - see above

    };

} ();

 

0

上一篇: jqGrid使用记录

下一篇: jQueryEasyUI

本文网址:https://www.wyxxw.cn/blog-detail-1-5-192.html

返回列表

非特殊说明,本文版权归原作者所有,转载请注明出处

提示:本站所有资源仅供学习与参考,请勿用于商业用途。图片来自互联网~如侵犯您的权益,请联系QQ:1067507709.

提示:转载请注明来自:http://www.cnblogs.com/kissdodog/p/3386666.html 。 转载人:momo