Czy istnieje metoda uzyskania adresu URL bez ciągu zapytania?

Mam adres URL podobny do http://localhost/dms/mduserSecurity/UIL/index.php?menu=true&submenu=true&pcode=1235.

Chcę uzyskać adres URL bez ciągu zapytania: http://localhost/dms/mduserSecurity/UIL/index.php .

Czy jest jakaś metoda na to w JavaScript? Obecnie używam document.location.href, ale zwraca pełny adres URL.

Spróbuj tego: window.location.href.split('?')[0]

Przeczytaj o Window.locationoraz Locationinterfejs:

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

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

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

Jeśli chcesz również usunąć skrót, wypróbuj ten: window.location.href.split(/[?#]/)[0]

Próbować:

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

(Uwaga: .hostzamiast .hostnametego dołącza się również port, jeśli to konieczne)

Oto podejście wykorzystujące interfejs URL () :

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

po prostu wytnij sznur za pomocą podziału (prosty sposób):

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

Aby uzyskać każdą część adresu URL oprócz zapytania:

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

Zauważ, że dotyczy to również skrótu, jeśli taki istnieje (wiem, że nie ma skrótu w twoim przykładowym adresie URL, ale podałem ten aspekt dla kompletności). Aby wyeliminować skrót, po prostu wyklucz.concat(location.hash) .

Lepszą praktyką jest concatłączenie ze sobą ciągów JavaScript (zamiast +): w niektórych sytuacjach pozwala to uniknąć problemów, takich jak pomylenie tekstu.

Użyj właściwości window.location

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

Możesz zobaczyć więcej właściwości na https://developer.mozilla.org/en/DOM/window.location

Oto dwie metody:

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

Co powiesz na to: location.href.slice(0, - ((location.search + location.hash).length))

Wystarczy dodać te dwie linie do $ (dokumentu) .ready w JS w następujący sposób:

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

lepiej jest użyć znaku dolara ($) (End with)

$('nav a[href$

zamiast (^) (Zacznij od)

$('nav a[href^

ponieważ jeśli używasz znaku (^) i zagnieżdżasz adresy URL w menu nawigacyjnym, (np. „/ account” i „/ account / roles”)

Aktywuje oba z nich.

Jeśli używasz dot net core 3.1, obsługuje ignorowanie wielkości liter trasy, więc poprzedni sposób nie jest pomocny, jeśli trasa jest pisana małymi literami, a użytkownik zapisuje trasę wielkimi literami.

Tak więc następujący kod jest bardzo pomocny:

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