Existe algum método para obter o URL sem a string de consulta?

Eu tenho um URL como http://localhost/dms/mduserSecurity/UIL/index.php?menu=true&submenu=true&pcode=1235.

Eu quero começar a URL sem a string de consulta: http://localhost/dms/mduserSecurity/UIL/index.php.

Existe algum método para isso em JavaScript? Atualmente estou usando document.location.href, mas ele retorna a URL completa.

Tente o seguinte: window.location.href.split('?')[0]

Leia sobre Window.locatione a Locationinterface:

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

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

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

Se você também deseja remover o hash, tente este: window.location.href.split(/[?#]/)[0]

Experimentar:

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

(Nota: em .hostvez de .hostnameincluir também a porta, se necessário)

Aqui está uma abordagem usando a interface URL () :

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

basta cortar a corda usando split (da maneira mais fácil):

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

Para obter todas as partes da URL, exceto a consulta:

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

Observe que isso inclui também o hash, se houver um (sei que não há hash no URL de exemplo, mas incluí esse aspecto para fins de integridade). Para eliminar o hash, basta excluir .concat(location.hash).

É uma prática recomendada usar concata junção de cadeias Javascript (em vez de +): em algumas situações, evita problemas como confusão de tipo.

Use propriedades de window.location

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

Você pode ver mais propriedades em https://developer.mozilla.org/en/DOM/window.location

Aqui estão dois métodos:

<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 tal agora: location.href.slice(0, - ((location.search + location.hash).length))

Basta adicionar essas duas linhas a $ (document) .ready no JS da seguinte maneira:

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

é melhor usar o cifrão ($) (terminar com)

$('nav a[href$

em vez de (^) (Comece com)

$('nav a[href^

porque, se você usar o sinal (^) e tiver URLs aninhados no menu de navegação (por exemplo, "/ conta" e "/ conta / funções")

Ele ativará os dois.

Se você usa o dot net core 3.1, ele suporta o caso de ignorar rota, portanto, a maneira anterior não será útil se a rota estiver em letras minúsculas e o usuário gravar a rota em letras maiúsculas.

Portanto, o código a seguir é muito útil:

$(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');
    });
});