Segmen terakhir dari URL

Bagaimana cara mendapatkan segmen terakhir dari url? Saya memiliki skrip berikut yang menampilkan url lengkap dari tag jangkar yang diklik:

$(".tag_name_goes_here").live('click', function(event)
{
    event.preventDefault();  
    alert($(this).attr("href"));
});

Jika urlnya

http://mywebsite/folder/file

bagaimana cara membuatnya hanya untuk menampilkan bagian "file" dari url di kotak peringatan?

Anda juga dapat menggunakan fungsi lastIndexOf () untuk menemukan kemunculan /karakter terakhir di URL Anda, lalu fungsi substring () untuk mengembalikan substring mulai dari lokasi itu:

console.log(this.href.substring(this.href.lastIndexOf('/') + 1));

Dengan begitu, Anda akan menghindari membuat array yang berisi semua segmen URL Anda, seperti split()halnya.

window.location.pathname.split("/").pop()

Hanya solusi lain dengan regex.

var href = location.href;
console.log(href.match(/([^\/]*)\/*$/)[1]);

Javascript memiliki pemisahan fungsi yang terkait dengan objek string yang dapat membantu Anda:

var url = "http://mywebsite/folder/file";
var array = url.split('/');

var lastsegment = array[array.length-1];

Jawaban lain mungkin berfungsi jika jalurnya sederhana, hanya terdiri dari elemen jalur sederhana. Tetapi ketika itu berisi params permintaan juga, mereka pecah.

Lebih baik gunakan objek URL untuk ini daripada mendapatkan solusi yang lebih kuat. Ini adalah interpretasi parsing dari URL ini:

Memasukkan: const href = 'https://stackoverflow.com/boo?q=foo&s=bar'

const segments = new URL(href).pathname.split('/');
const last = segments.pop() || segments.pop(); // Handle potential trailing slash
console.log(last);

Keluaran: 'boo'

Ini berfungsi untuk semua browser umum. Hanya IE yang sekarat kami tidak mendukung itu (dan tidak akan). Untuk IE ada polyfill yang tersedia, (jika Anda peduli sama sekali).

Atau Anda dapat menggunakan ekspresi reguler:

alert(href.replace(/.*\//, ''));

var urlChunks = 'mywebsite/folder/file'.split('/');
alert(urlChunks[urlChunks.length - 1]);

Saya tahu, ini sudah terlambat, tetapi untuk yang lain: Saya sangat merekomendasikan menggunakan plugin PURL jquery . Motivasi untuk PURL adalah bahwa url dapat disegmentasi oleh '#' juga (contoh: tautan angular.js), yaitu url dapat terlihat seperti

    http://test.com/#/about/us/

atau

    http://test.com/#sky=blue&grass=green

Dan dengan PURL Anda dapat dengan mudah memutuskan (segmen / fsegment) segmen mana yang ingin Anda dapatkan.

Untuk segmen terakhir "klasik", Anda dapat menulis:

    var url = $.url('http://test.com/dir/index.html?key=value');
    var lastSegment = url.segment().pop(); // index.html

Membangun jawaban Frédéric hanya menggunakan javascript:

var url = document.URL

window.alert(url.substr(url.lastIndexOf('/') + 1));

Juga,

var url = $(this).attr("href");
var part = url.substring(url.lastIndexOf('/') + 1);

Jika Anda tidak khawatir tentang menghasilkan elemen tambahan menggunakan split maka filter dapat menangani masalah yang Anda sebutkan tentang trailing slash (Dengan anggapan Anda memiliki dukungan browser untuk filter).

url.split('/').filter(function (s) { return !!s }).pop()

// Store original location in loc like: http://test.com/one/ (ending slash)
var loc = location.href; 
// If the last char is a slash trim it, otherwise return the original loc
loc = loc.lastIndexOf('/') == (loc.length -1) ? loc.substr(0,loc.length-1) : loc.substr(0,loc.lastIndexOf('/'));
var targetValue = loc.substr(loc.lastIndexOf('/') + 1);

targetValue = satu

Jika url Anda terlihat seperti:

http://test.com/one/

atau

http://test.com/one

atau

http://test.com/one/index.htm

Kemudian loc akhirnya tampak seperti: http://test.com/one

Sekarang, karena Anda menginginkan item terakhir, jalankan langkah berikutnya untuk memuat nilai (targetValue) yang Anda inginkan semula.

var targetValue = loc.substr(loc.lastIndexOf('/') + 1);

window.alert(this.pathname.substr(this.pathname.lastIndexOf('/') + 1));

Gunakan pathnameproperti asli karena ini paling sederhana dan telah diuraikan dan diselesaikan oleh browser. $(this).attr("href")dapat mengembalikan nilai seperti ../..yang tidak akan memberi Anda hasil yang benar.

Jika Anda perlu menyimpan searchdan hash(misalnya foo?bar#bazdari http://quux.com/path/to/foo?bar#baz) gunakan ini:

window.alert(this.pathname.substr(this.pathname.lastIndexOf('/') + 1) + this.search + this.hash);

Untuk mendapatkan segmen terakhir dari jendela Anda saat ini:

window.location.href.substr(window.location.href.lastIndexOf('/') +1)

Anda dapat menghapus terlebih dahulu jika ada / di akhir dan kemudian mendapatkan bagian terakhir dari url

let locationLastPart = window.location.pathname
if (locationLastPart.substring(locationLastPart.length-1) == "/") {
  locationLastPart = locationLastPart.substring(0, locationLastPart.length-1);
}
locationLastPart = locationLastPart.substr(locationLastPart.lastIndexOf('/') + 1);

Mengembalikan segmen terakhir, terlepas dari garis miring:

var val = 'http://mywebsite/folder/file//'.split('/').filter(Boolean).pop();

console.log(val);

var pathname = window.location.pathname; // Returns path only
var url      = window.location.href;     // Returns full URL

Disalin dari jawaban ini

Jawaban raddevus yang diperbarui:

var loc = window.location.href;
loc = loc.lastIndexOf('/') == loc.length - 1 ? loc.substr(0, loc.length - 1) : loc.substr(0, loc.length + 1);
var targetValue = loc.substr(loc.lastIndexOf('/') + 1);

Mencetak jalur terakhir url sebagai string:

test.com/path-name = path-name

test.com/path-name/ = path-name

Saya percaya lebih aman untuk menghapus garis miring ('/') sebelum melakukan substring. Karena saya mendapat string kosong dalam skenario saya.

window.alert((window.location.pathname).replace(/\/$/, "").substr((window.location.pathname.replace(/\/$/, "")).lastIndexOf('/') + 1));

Saya menggunakan regex dan split:

var last_path = location.href.match (/. / (. [\ w]) /) [1] .split ("#") [0] .split ("?") [0]

Pada akhirnya itu akan mengabaikan #? & / url akhir, yang sering terjadi. Contoh:

https://cardsrealm.com/profile/cardsRealm -> Mengembalikan cardsRealm

https://cardsrealm.com/profile/cardsRealm#hello -> Mengembalikan cardsRealm

https://cardsrealm.com/profile/cardsRealm?hello -> Mengembalikan cardsRealm

https://cardsrealm.com/profile/cardsRealm/ -> Mengembalikan cardsRealm

Saya tidak benar-benar tahu apakah regex adalah cara yang tepat untuk menyelesaikan masalah ini karena itu benar-benar dapat mempengaruhi efisiensi kode Anda, tetapi regex di bawah ini akan membantu Anda mengambil segmen terakhir dan masih akan memberi Anda segmen terakhir bahkan jika URL diikuti oleh yang kosong /. Regex yang saya buat adalah:

[^\/]+[\/]?$

// https://x.com/boo/?q=foo&s=bar = boo
// https://x.com/boo?q=foo&s=bar = boo
// https://x.com/boo/ = boo
// https://x.com/boo = boo

const segment = new 
URL(window.location.href).pathname.split('/').filter(Boolean).pop();
console.log(segment);

Bekerja untukku.

Saya tahu ini sudah lama tetapi jika Anda ingin mendapatkan ini dari URL, Anda cukup menggunakan:

document.location.pathname.substring(document.location.pathname.lastIndexOf('/.') + 1);

document.location.pathnamemendapatkan pathname dari URL saat ini. lastIndexOfdapatkan indeks kejadian terakhir dari Regex berikut, dalam kasus kami adalah /.. Titik berarti karakter apa pun, jadi, tidak akan dihitung jika /karakter terakhir pada URL. substringakan memotong string antara dua indeks.

jika urlnya http://localhost/madukaonline/shop.php?shop=79

console.log(location.search); akan membawa ?shop=79

jadi cara paling sederhana adalah dengan menggunakan location.search

Anda dapat mencari info lebih lanjut di sini dan di sini

Anda dapat melakukannya dengan jalur sederhana (w / 0) querystrings dll.

Memang mungkin terlalu rumit dan mungkin tidak performan, tapi saya ingin menggunakannya reduceuntuk bersenang-senang.

  "/foo/bar/"
    .split(path.sep)
    .filter(x => x !== "")
    .reduce((_, part, i, arr) => {
      if (i == arr.length - 1) return part;
    }, "");

1. Pisahkan string pada pemisah jalur.
2. Memfilter bagian jalur string kosong (ini bisa terjadi dengan trailing slash in path).
3. Kurangi larik bagian-bagian jalur ke yang terakhir.