¿Hay algún método para obtener la URL sin una cadena de consulta?

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

Quiero obtener la URL sin la cadena de consulta: http://localhost/dms/mduserSecurity/UIL/index.php.

¿Hay algún método para esto en JavaScript? Actualmente estoy usando document.location.href, pero devuelve la URL completa.

Prueba esto: window.location.href.split('?')[0]

Lea sobre Window.locationy la Locationinterfaz:

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

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

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

Si también quieres eliminar el hash, prueba este: window.location.href.split(/[?#]/)[0]

Tratar:

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

(Nota: en .hostlugar de .hostnameque el puerto se incluya también, si es necesario)

Aquí hay un enfoque utilizando la interfaz URL () :

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

solo corta la cuerda usando split (la manera 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 obtener cada parte de la URL, excepto la consulta:

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

Tenga en cuenta que esto también incluye el hash, si hay uno (estoy consciente de que no hay hash en su URL de ejemplo, pero incluí ese aspecto para completarlo). Para eliminar el hash, simplemente excluya.concat(location.hash) .

Es mejor usar concatpara unir cadenas de JavaScript (en lugar de +): en algunas situaciones, evita problemas como la confusión de tipos.

Usar propiedades de window.location

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

Puede ver más propiedades en https://developer.mozilla.org/en/DOM/window.location

Aquí hay dos 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>

Qué tal esto: location.href.slice(0, - ((location.search + location.hash).length))

Simplemente agregue estas dos líneas a $ (document) .ready en JS de la siguiente manera:

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

es mejor usar el signo de dólar ($) (terminar con)

$('nav a[href$

en lugar de (^) (Comience con)

$('nav a[href^

porque, si usa el signo (^) y tiene URL anidadas en el menú de navegación (por ejemplo, "/ cuenta" y "/ cuenta / roles")

Los activará a ambos.

Si utiliza dot net core 3.1, admite ignorar mayúsculas y minúsculas ruta de , por lo que la forma anterior no es útil si la ruta está en letras minúsculas y el usuario escribe la ruta en letras mayúsculas.

Entonces, el siguiente código es muy ú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');
    });
});