JavaScript'te URL Kodlama — encodeURI, encodeURIComponent ve En İyi Uygulamalar

JavaScript, URL kodlama için iki yerleşik işlev sunar:

encodeURIComponent()

Şu karakterler hariç tüm karakterleri kodlar: A-Z a-z 0-9 - _ . ! ~ * ' ( )

const name = 'John Doe'
const query = '?name=' + encodeURIComponent(name)
// ?name=John%20Doe

Bunu, tek tek sorgu parametresi değerlerini, yol segmentlerini veya bir URL'nin parçası haline gelen herhangi bir veriyi kodlamak için kullanın.

encodeURI()

Yukarıdakilere ek olarak ayrılmış URL karakterleri hariç tüm karakterleri kodlar: : / ? # [ ] @ ! $ & ' ( ) * + , ; =

const url = 'https://example.com/search?q=hello world'
const encoded = encodeURI(url)
// https://example.com/search?q=hello%20world

Bunu, tam bir URL dizesini kodlarken kullanın.

Yaygın Tuzak

// YANLIŞ — URL yapısını bozar
encodeURIComponent('https://example.com/page')
// https%3A%2F%2Fexample.com%2Fpage

// DOĞRU — yapıyı korur
encodeURI('https://example.com/page')
// https://example.com/page

Bu işlevleri URL kodlayıcı/kod çözücü aracımızla canlı olarak test edin.