Two methods for javascript to parse url into json format-JS Tutorial-php.cn

Two methods for javascript to parse url into json format

韦小宝

Release： 2018-01-19 10:35:56

Original

2216 people have browsed it

This article mainly introduces javascript two methods of parsing url into json format. It has certain reference and value for learning JavaScript. Friends who are interested in JavaScript can refer to this article. Article

This article introduces two methods for javascript to parse URLs into json format. I would like to share them with you. The details are as follows:

Method 1: The simplest method is to use the a tag to The result obtained by implementing

function parseUrl(url){
  var a=document.createElement(&#39;a&#39;);
  a.href=url;
  return {
   protocol:a.protocol.replace(&#39;:&#39;,&#39;&#39;),
   hostname:a.hostname,
   port:a.port,
   path:a.pathname,
   query:(()=>{
    var query=a.search.substr(1);
    var queryArr=query.split(&#39;&&#39;);
    var queryObj={};
    queryArr.forEach((item,index)=>{
      var item=item.split(&#39;=&#39;);
      var key=item[0];
      queryObj[key]=item[1];
    })
    return queryObj;
   })(),
    params:(()=>{
    var params=a.hash.substr(1);
    var paramsArr=params.split(&#39;#&#39;);
    return paramsArr;
    
   })(),

  }
}
var urlObj = parseUrl(&#39;http://www.baidu.com:90/search?name=liyajie&age=12#abc#bbb&#39;)
console.log(urlObj)

Copy after login

Method 2: Through the url module of nodejs

Parsing URLs requires the use of the url module provided by Node.js. It is very simple to use. It uses parse() to parse a string into a Url object:

  &#39;use strict&#39;;
   var url = require(&#39;url&#39;);
   console.log(url.parse(&#39;http://user:pass@host.com:8080/path/to/file?query=string#hash&#39;));

Copy after login

Returned results:

Url {
 protocol: &#39;http:&#39;,
 slashes: true,
 auth: &#39;user:pass&#39;,
 host: &#39;host.com:8080&#39;,
 port: &#39;8080&#39;,
 hostname: &#39;host.com&#39;,
 hash: &#39;#hash&#39;,
 search: &#39;?query=string&#39;,
 query: &#39;query=string&#39;,
 pathname: &#39;/path/to/file&#39;,
 path: &#39;/path/to/file?query=string&#39;,
 href: &#39;http://user:pass@host.com:8080/path/to/file?query=string#hash&#39; }

Copy after login

The above is the entire content of this article. I hope it will be helpful to everyone's learning, and I also hope that everyone will support the PHP Chinese website.

Related recommendations:

Javascript Summary of several methods of generating random numbers

JavaScript implementation code for shielding the Backspace key

JavaScript implementation of lottery system example sharing

The above is the detailed content of Two methods for javascript to parse url into json format. For more information, please follow other related articles on the PHP Chinese website!