WEB API
URL API Nedir ?
Farklı web sayfalarına erişebilmek için veya aynı web sayfası içerisindeki farklı içerikleri görüntülemek için URL kavramını iyi anlamak gerekiyor. URL Nedir ? yazımda bu kavramı detaylı bir şekilde anlatmaya çalıştım. Bu yazıda URL API ile URL nasıl oluşturup, parse edebileceğimizi anlatmaya çalışacağım.
Bu yazı daha önceden başlamış olduğum Web API yazı serisinin devamı niteliğindedir. JS kodları ile işletim sistemi veya tarayıcının native kısımlarına erişmek için sağlanan API’ler olduğundan bahsetmiştim. URL API’de tarayıcının en üst kısmındaki navigation/search bar içerisine yazdığımız kısmı JS kodları ile nasıl oluşturabildiğimiz veya orada yazılan bir URL nasıl parse edip kullanabileceğimiz ile ilgilidir.
Mevcut sayfanın url String olarak almak istediğinizde window.location.href bu bilgiyi size sağlar. Örneğin bulunduğun sayfanın tüm path string olarak sağlayacaktır.
> “https://medium.com/frontend-development-with-js/console-api-2f1d352e969e"Bu string Protocol, Domain Name, Port, Path, Search Parameters, Anchor parçalarından oluşur, bu string kendimizin parse etmesi yerine new URL(href) atamanız durumunda URL objesine rahatça ulaşabilir ve bunun parçalarına göre işlemler yapabilirsiniz. Örneğin searchParams göre AJAX isteği atabilir ve buna göre ekranı güncelleyebilirsiniz.
Bunun yanında kendiniz bir URL objeleri oluşturup bunun hash, host, hostname, href, origin, password, pathname, port, protocol, search, searchParams, username alanlarına erişip değerlerini güncelleyebilirsiniz.
toString ve toJSON ile URL Objesini normalize ederek string ve json dönüştürebilirsiniz.
Okumaya Devam Et 😃
Bu yazının devamı veya yazı grubundaki diğer yazılara erişmek için bu linke tıklayabilirsiniz.
