Existe-t-il une méthode pour obtenir l'URL sans chaîne de requête?

J'ai une URL comme http://localhost/dms/mduserSecurity/UIL/index.php?menu=true&submenu=true&pcode=1235.

Je veux obtenir l'URL sans la chaîne de requête: http://localhost/dms/mduserSecurity/UIL/index.php.

Existe-t-il une méthode pour cela en JavaScript? Actuellement, j'utilise document.location.href, mais il renvoie l'URL complète.

Essaye ça: window.location.href.split('?')[0]

Lisez à propos Window.locationet l' Locationinterface:

var url = [location.protocol, '//', location.host, location.pathname].join('');

location.toString().replace(location.search, "")

var url = window.location.origin + window.location.pathname;

Si vous souhaitez également supprimer le hachage, essayez celui-ci: window.location.href.split(/[?#]/)[0]

Essayer:

document.location.protocol + '//' +
document.location.host +
document.location.pathname;

(NB: .hostplutôt que .hostnamepour que le port soit inclus aussi, si nécessaire)

Voici une approche utilisant l' interface URL () :

new URL(location.pathname, location.href).href

il suffit de couper la chaîne en utilisant split (la manière la plus simple):

var myString = "http://localhost/dms/mduserSecurity/UIL/index.php?menu=true&submenu=true&pcode=1235"
var mySplitResult = myString.split("?");
alert(mySplitResult[0]);

Pour obtenir chaque partie de l'URL à l'exception de la requête:

var url = (location.origin).concat(location.pathname).concat(location.hash);

Notez que cela inclut également le hachage, s'il y en a un (je sais qu'il n'y a pas de hachage dans votre exemple d'URL, mais j'ai inclus cet aspect pour être complet). Pour éliminer le hachage, excluez simplement .concat(location.hash).

Il est préférable d'utiliser concatpour joindre les chaînes Javascript ensemble (plutôt que +): dans certaines situations, cela évite les problèmes tels que la confusion de type.

Utiliser les propriétés de window.location

var loc = window.location;
var withoutQuery = loc.hostname + loc.pathname;
var includingProtocol = loc.protocol + "//" + loc.hostname + loc.pathname;

Vous pouvez voir plus de propriétés sur https://developer.mozilla.org/en/DOM/window.location

Voici deux méthodes:

<script type="text/javascript">
    var s="http://localhost/dms/mduserSecurity/UIL/index.php?menu=true&submenu
                                =true&pcode=1235";

    var st=s.substring(0, s.indexOf("?"));

    alert(st);

    alert(s.replace(/\?.*/,''));
</script>

Que dis-tu de ça: location.href.slice(0, - ((location.search + location.hash).length))

Ajoutez simplement ces deux lignes à $ (document) .ready dans JS comme suit:

$(document).ready(function () {
 $("div.sidebar nav a").removeClass("active");
        $('nav a[href$="'+ window.location.pathname.split("?")[0] +'"]').addClass('active');
});

il vaut mieux utiliser le signe dollar ($) (Terminer par)

$('nav a[href$

au lieu de (^) (Commencez par)

$('nav a[href^

car, si vous utilisez le signe (^) et que vous avez des URL imbriquées dans le menu de navigation, (par exemple "/ account" et "/ account / roles")

Il les activera tous les deux.

Si vous utilisez dot net core 3.1, il prend en charge la route ignorer la casse , donc la méthode précédente n'est pas utile si la déroute est en minuscules et que l'utilisateur écrit la déroute en majuscules.

Ainsi, le code suivant est très utile:

$(document).ready(function () {
    $("div.sidebar nav a").removeClass("active");
    var urlPath = window.location.pathname.split("?")[0];
    var nav = $('div.sidebar nav a').filter(function () {
        return $(this).attr('href').toLowerCase().indexOf(urlPath.toLocaleLowerCase()) > -1;
    });
    $(nav).each(function () {
        if ($(this).attr("href").toLowerCase() == urlPath.toLocaleLowerCase())
            $(this).addClass('active');
    });
});