Apakah ada metode untuk mendapatkan URL tanpa string kueri?

Saya punya URL suka http://localhost/dms/mduserSecurity/UIL/index.php?menu=true&submenu=true&pcode=1235.

Saya ingin mendapatkan URL tanpa string query: http://localhost/dms/mduserSecurity/UIL/index.php.

Apakah ada metode untuk ini dalam JavaScript? Saat ini saya menggunakan document.location.href, tetapi mengembalikan URL lengkap.

Coba ini: window.location.href.split('?')[0]

Baca tentang Window.locationdan Locationantarmuka:

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

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

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

Jika Anda juga ingin menghapus hash, coba yang ini: window.location.href.split(/[?#]/)[0]

Mencoba:

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

(NB: .hostdaripada .hostnameagar port disertakan juga, jika perlu)

Berikut ini pendekatan menggunakan antarmuka URL () :

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

cukup potong string menggunakan split (cara mudah):

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

Untuk mendapatkan setiap bagian dari URL kecuali kueri:

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

Perhatikan bahwa ini termasuk hash juga, jika ada (saya sadar tidak ada hash di URL contoh Anda, tapi saya memasukkan aspek itu untuk kelengkapan). Untuk menghilangkan hash, cukup singkirkan .concat(location.hash).

Ini praktik yang lebih baik untuk digunakan concatuntuk menggabungkan string Javascript bersama (daripada +): dalam beberapa situasi menghindari masalah seperti jenis kebingungan.

Gunakan properti dari window.location

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

Anda dapat melihat lebih banyak properti di https://developer.mozilla.org/en/DOM/window.location

Berikut adalah dua metode:

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

Bagaimana dengan ini: location.href.slice(0, - ((location.search + location.hash).length))

Cukup tambahkan dua baris ini ke $ (dokumen). Sudah di JS sebagai berikut:

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

lebih baik menggunakan tanda dolar ($) (Akhiri dengan)

$('nav a[href$

alih-alih (^) (Mulai dengan)

$('nav a[href^

karena, jika Anda menggunakan tanda (^) dan Anda memiliki URL bersarang di menu navigasi, (mis. "/ akun" dan "/ akun / peran")

Ini akan mengaktifkan keduanya.

Jika Anda menggunakan dot net core 3.1, mendukung case abaikan rute, jadi cara sebelumnya tidak membantu jika kekalahan dalam huruf kecil dan pengguna menulis kekalahan dalam huruf kapital.

Jadi, kode berikut ini sangat membantu:

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