Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
URL Parser
var parser = function(url) {
var a = document.createElement('a');
a.href = url;
var search = function(search) {
if(!search) return {};
var ret = {};
search = search.slice(1).split('&');
for(var i = 0, arr; i < search.length; i++) {
arr = search[i].split('=');
var key = arr[0], value = arr[1];
if(/\[\]$/.test(key)) {
ret[key] = ret[key] || [];
ret[key].push(value);
} else {
ret[key] = value;
}
}
return ret;
};
return {
protocol: a.protocol,
host: a.host,
hostname: a.hostname,
pathname: a.pathname,
search: search(a.search),
hash: a.hash
}
};
var url = 'http://sub.example.com:8023/home/?foo=bar&ciao=cc&arr[]=1&arr[]=2#hash';
parser(url);
// 结果是?
@GZShi

This comment has been minimized.

Copy link

commented Nov 17, 2014

哈哈,这个技巧收藏好久了,用起来简单粗暴。
关键是http://㎉.㎙这样的奇葩地址解析也不在话下!

@ife-henry

This comment has been minimized.

Copy link

commented Nov 17, 2014

@zswang

This comment has been minimized.

Copy link

commented Nov 17, 2014

山寨走了

(function(exportName) {

// var url = 'http://sub.example.com:8023/home/?foo=bar&ciao=cc#hash';
// console.log(JSON.stringify(jurls.parser(url), null, 2));
  var exports = exports || {};
  var urlCaches = {};
  var urlElement;
  var urlAttrs = ['protocol', 'host', 'hostname', 'pathname', 'search', 'hash', 'port'];
  var parser = function(url) {
    if (urlCaches[url]) {
      return urlCaches[url];
    }
    if (!urlElement) {
      urlElement = document.createElement('a');
    }
    urlElement.href = url;
    var result = {};
    for (var i = 0; i < urlAttrs.length; i++) {
      result[urlAttrs[i]] = urlElement[urlAttrs[i]];
    }
    urlCaches[url] = result;
    return result;
  };
  exports.parser = parser;

  if (typeof define === 'function') {
    if (define.amd || define.cmd) {
      define(function() {
        return exports;
      });
    }
  } else if (typeof module !== 'undefined' && module.exports) {
    module.exports = exports;
  } else {
    window[exportName] = exports;
  }

})('jurls');
@zenxds

This comment has been minimized.

Copy link

commented Dec 2, 2014

a.pathname在chrome下是带开头的/的,IE下不带,a.port默认情况下IE是输出80的,而chrome是输出空字符串。。

@xiangshouding

This comment has been minimized.

Copy link

commented Feb 14, 2015


      ^(([^:/?#]+):)?(//([^/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?
       12            3  4          5       6  7        8 9

   The numbers in the second line above are only to assist readability;
   they indicate the reference points for each subexpression (i.e., each
   paired parenthesis).  We refer to the value matched for subexpression
   <n> as $<n>.  For example, matching the above expression to

      http://www.ics.uci.edu/pub/ietf/uri/#Related

   results in the following subexpression matches:

      $1 = http:
      $2 = http
      $3 = //www.ics.uci.edu
      $4 = www.ics.uci.edu
      $5 = /pub/ietf/uri/
      $6 = <undefined>
      $7 = <undefined>
      $8 = #Related
      $9 = Related

https://tools.ietf.org/html/rfc3986#page-50

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.