Esiste un metodo per ottenere l'URL senza la stringa di query?

Ho un URL come http://localhost/dms/mduserSecurity/UIL/index.php?menu=true&submenu=true&pcode=1235.

Voglio ottenere l'URL senza la stringa di query: http://localhost/dms/mduserSecurity/UIL/index.php.

Esiste un metodo per questo in JavaScript? Attualmente sto usando document.location.href, ma restituisce l'URL completo.

Prova questo: window.location.href.split('?')[0]

Leggi Window.locatione l' Locationinterfaccia:

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

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

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

Se vuoi rimuovere anche l'hash, prova questo: window.location.href.split(/[?#]/)[0]

Provare:

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

(NB: .hostpiuttosto che in .hostnamemodo da includere anche la porta, se necessario)

Ecco un approccio che utilizza l' interfaccia URL () :

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

basta tagliare la corda usando split (il modo più semplice):

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

Per ottenere ogni parte dell'URL ad eccezione della query:

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

Nota che questo include anche l'hash, se ce n'è uno (sono consapevole che non c'è hash nel tuo URL di esempio, ma ho incluso quell'aspetto per completezza). Per eliminare l'hash, è sufficiente escludere .concat(location.hash).

È meglio usare concatper unire le stringhe Javascript (piuttosto che +): in alcune situazioni evita problemi come la confusione dei tipi.

Usa le proprietà di window.location

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

Puoi vedere più proprietà su https://developer.mozilla.org/en/DOM/window.location

Ecco due metodi:

<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>

Cosa ne pensi di questo: location.href.slice(0, - ((location.search + location.hash).length))

Aggiungi queste due righe a $ (documento). Già in JS come segue:

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

è meglio usare il simbolo del dollaro ($) (Termina con)

$('nav a[href$

anziché (^) (Inizia con)

$('nav a[href^

perché, se usi il segno (^) e hai degli URL nidificati nel menu di navigazione, (ad es. "/ account" e "/ account / ruoli")

Attiverà entrambi.

Se si utilizza dot net core 3.1, supporta case ignora route, quindi il modo precedente non è utile se la rotta è in lettere minuscole e l'utente scrive la rotta in maiuscolo.

Quindi, il seguente codice è molto 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');
    });
});