Есть ли способ получить URL без строки запроса?

У меня есть URL, как http://localhost/dms/mduserSecurity/UIL/index.php?menu=true&submenu=true&pcode=1235.

Я хочу , чтобы получить URL без строки запроса: http://localhost/dms/mduserSecurity/UIL/index.php.

Есть ли способ для этого в JavaScript? В настоящее время я использую document.location.href, но он возвращает полный URL.

Попробуй это: window.location.href.split('?')[0]

Читайте о Window.locationи Locationинтерфейс:

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

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

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

Если вы также хотите удалить хеш, попробуйте следующее: window.location.href.split(/[?#]/)[0]

Пытаться:

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

(Примечание: .hostвместо того, .hostnameчтобы порт включался, если необходимо)

Вот подход с использованием интерфейса URL () :

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

просто обрежьте строку, используя split (простой способ):

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

Чтобы получить все части URL, кроме запроса:

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

Обратите внимание, что это включает и хэш, если он есть (я знаю, что в вашем примере URL нет хэша, но я включил этот аспект для полноты). Чтобы устранить хеш, просто исключите .concat(location.hash).

Лучше использовать concatдля объединения строк Javascript вместе (а не +): в некоторых ситуациях это позволяет избежать проблем, таких как путаница типов.

Используйте свойства window.location

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

Вы можете увидеть больше свойств на https://developer.mozilla.org/en/DOM/window.location

Вот два метода:

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

Как насчет этого: location.href.slice(0, - ((location.search + location.hash).length))

Просто добавьте эти две строки в $ (document) .ready в JS следующим образом:

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

лучше использовать знак доллара ($) (Конец с)

$('nav a[href$

вместо (^) (начать с)

$('nav a[href^

потому что, если вы используете знак (^) и у вас есть вложенные URL в меню навигации (например, "/ account" и "/ account / role")

Это активирует их обоих.

Если вы используете dot net core 3.1, он игнорирует регистр маршрут , поэтому предыдущий способ не поможет, если маршрут написан строчными буквами, а пользователь записывает маршрут заглавными буквами.

Итак, следующий код очень полезен:

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