ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript は 2 つの方法を使用して URL を JSON 形式に解析します。

JavaScript は 2 つの方法を使用して URL を JSON 形式に解析します。

黄舟
黄舟オリジナル
2017-08-20 10:05:071107ブラウズ

この記事では、JavaScript で URL を JSON 形式に解析する 2 つの方法を主に紹介します。興味のある方は参考にしてください。この記事では、JavaScript で URL を JSON 形式に解析する 2 つの方法を紹介します。詳細は次のとおりです:

方法 1: 最も簡単な方法、a タグを使用して達成します

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

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

得られる結果

方法 2: nodejs の URL モジュールを使用する


URL を解析するには、Node.js が提供する URL モジュールが必要です。使い方は非常に簡単です。parse() を通じて文字列を Url オブジェクトに解析します。

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

以上がJavaScript は 2 つの方法を使用して URL を JSON 形式に解析します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。