Maison > interface Web > js tutoriel > le corps du texte

Comment analyser l'URL au format json en utilisant javascript

巴扎黑
Libérer: 2017-08-21 10:05:49
original
2164 Les gens l'ont consulté

Cet article présente principalement deux méthodes permettant à Javascript d'analyser l'URL au format json. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer

Cet article présente Javascript pour analyser l'URL au format json. json sont partagés avec vous, comme suit :

Méthode 1 : La méthode la plus simple, utilisez une balise pour implémenter


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)
Copier après la connexion

Résultats obtenus

Méthode 2 : Analyser l'URL via le module url de nodejs

Vous devez utiliser le module url fourni par Node.js. Il est très simple à utiliser. Analyser une chaîne dans un objet Url via parse() :


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

Retourner le résultat de.


Url {
 protocol: 'http:',
 slashes: true,
 auth: 'user:pass',
 host: 'host.com:8080',
 port: '8080',
 hostname: 'host.com',
 hash: '#hash',
 search: '?query=string',
 query: 'query=string',
 pathname: '/path/to/file',
 path: '/path/to/file?query=string',
 href: 'http://user:pass@host.com:8080/path/to/file?query=string#hash' }
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal