Membaca BASEURL dan URL Segment di Javascript



Sup manteman programmer,
Gue disini bakal nerangin secara singkat tapi penuh makna deh pokonya cara gimana ngebaca URL website make javascript.

Buat temen-temen yang make php atau framework semisal CI mungkin paham banget kalo penggunaan BASEURL atau $this->uri di php dan CI itu ngebantu banget buat dinamisin website kita. Nah, mungkin ada yg bingung buat yang make framework Java Script ataupun Native JS itu sendiri, gimana cara baca URL website sendiri biar web gue dinamis?

Ini sebenernya gampang banget, cuma modal satu baris script doang dan cuma 1 variable. wih banget ga? nih deh gue bagi buat temen-temen.

1. Ambil BASEURL dengan http://
Untuk membaca BASEURL-nya (istilah gue buat http://www.example.com) bisa temen-temen nulis kek gini :

var base_url = window.location.origin;

Script ini akan menghasilkan http://www.example.com


2. BASEURL tanpa http://
Untuk yang tidak menggunakan http:// temen-temen bisa make script dibawah ini

var host = window.location.host;

Ntar nih script bakal cuma ngehasilin example.com

3. Membaca Segment URL
Dan untuk baca array segment setelah BASEURL (semisal yang gue bold http://www.example.com/segment0/segment1/segment2) bisa make script dibawah ini :

var pathArray = window.location.pathname.split( '/' );

dan bakal ngehasilin dalam format array ["", "segment0", "segment1", "segment2"].


Next Post Previous Post