Aucune de ces réponses ne semble répondre complètement à la question, qui appelle une URL arbitraire, pas spécifiquement l'URL de la page actuelle.
Méthode 1: utilisez l'API URL (mise en garde: pas de prise en charge IE11)
Vous pouvez utiliser l' API URL (non prise en charge par IE11, mais disponible partout ailleurs ).
Cela facilite également l'accès aux paramètres de recherche . Autre bonus: il peut être utilisé dans un Web Worker car il ne dépend pas du DOM.
const url = new URL('http://example.com:12345/blog/foo/bar?startIndex=1&pageSize=10');
Méthode 2 (ancienne méthode): utilisez l'analyseur intégré du navigateur dans le DOM
Utilisez-le si vous en avez besoin pour fonctionner également sur des navigateurs plus anciens.
// Create an anchor element (note: no need to append this element to the document)
const url = document.createElement('a');
// Set href to any path
url.setAttribute('href', 'http://example.com:12345/blog/foo/bar?startIndex=1&pageSize=10');
C'est tout!
L'analyseur intégré du navigateur a déjà fait son travail. Maintenant, vous pouvez simplement saisir les pièces dont vous avez besoin (notez que cela fonctionne pour les deux méthodes ci-dessus):
// Get any piece of the url you're interested in
url.hostname; // 'example.com'
url.port; // 12345
url.search; // '?startIndex=1&pageSize=10'
url.pathname; // '/blog/foo/bar'
url.protocol; // 'http:'
Bonus: paramètres de recherche
Il y a de fortes chances que vous souhaitiez également séparer les paramètres d'URL de recherche, car '? StartIndex = 1 & pageSize = 10' n'est pas trop utilisable en soi.
Si vous avez utilisé la méthode 1 (API URL) ci-dessus, vous utilisez simplement les getters searchParams:
url.searchParams.get('startIndex'); // '1'
Ou pour obtenir tous les paramètres:
function searchParamsToObj(searchParams) {
const paramsMap = Array
.from(url.searchParams)
.reduce((params, [key, val]) => params.set(key, val), new Map());
return Object.fromEntries(paramsMap);
}
searchParamsToObj(url.searchParams);
// -> { startIndex: '1', pageSize: '10' }
Si vous avez utilisé la méthode 2 (à l'ancienne), vous pouvez utiliser quelque chose comme ceci:
// Simple object output (note: does NOT preserve duplicate keys).
var params = url.search.substr(1); // remove '?' prefix
params
.split('&')
.reduce((accum, keyval) => {
const [key, val] = keyval.split('=');
accum[key] = val;
return accum;
}, {});
// -> { startIndex: '1', pageSize: '10' }