İçeriğe geç

JavaScript ile URL Yapısını Öğrenme

JavaScript ile aktif olan URL yapısını kolaylıkla öğrenebilirsiniz. Kullanıcının istek yaptığı sayfayı bulabilir ve bu istek yapılan sayfa yerine daha spesifik bir sayfaya yönlendirebilirsiniz.

Aşağıdaki kod ile aktif URL yapısını alabilirsiniz.

var url = window.location.href;

Şayet; URL’i parçalamak isterseniz de split() metodunu kullanabilirsiniz.

var url = window.location.href.split('/');

Yukarıdaki yapımızda; / (slash) işaretine göre aktif olan URL yapısını parçaladık. Böylelikle bir object yapısı oluşturduk.

Yukarıdaki satırımızın ekran çıktısı (benim açımdan) aşağıdaki gibi olacaktır.

["http:","","127.0.0.1","test.php"]

Her seferinde böyle URL değerini alıp split() metodu ile parçalara ayırmak oldukça zahmetli bir iş. Bu yüzden size kısa bir yöntemleri göstermek istiyorum.

Detaylı olarak kodlarımız aşağıdaki gibi olacaktır.

var url      = document.location.href; // aktif url
var protocol = document.location.protocol; //protokol (http & https)
var host     = document.location.host; // domain adi
var pathname = document.location.pathname; // domain dizini ve sayfa ismi
var search   = window.location.search; // parametreler

Lokalde çalıştığım için basit bir örnek ile yazımı sonlandırmak istiyorum.

URL: http://127.0.0.1/test.php?name=emrecanoztas
Protocol: http:
Hostname: 127.0.0.1
Pathname: /test.php
Params: ?name=emrecanoztas

Görüldüğü gibi; oldukça basit ve pratik.

Saygı ve muhabbetle!..

Bu içeriği paylaşmak ister misiniz?

İlk Yorumu Siz Yapın

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Buradaki içeriklerin tümü kamu malıdır. Kullanılması ve paylaşılması özgürdür.