Syöte

Tulos encodeURIComponent

URL-koodauksen esimerkkejä

Välilyönneistä tulee %20, &:sta tulee %26, =:sta tulee %3D ja niin edelleen. Kaksi tilaa eroavat siinä, mitä merkkejä ne säilyttävät:

encodeURIComponent (Komponenttitila)

Syöte:

Syöte

Tulos (Komponenttitila — koodaa : / ? & =):

Tulos

Tulos (Koko URL -tila — säilyttää URL-rakenteen):

Tulos

Mikä on URL-koodaus?

URL-koodaus (prosenttikoodaus) muuntaa merkit, jotka eivät ole sallittuja tai joilla on erityinen merkitys URL-osoitteissa, %-merkin ja kahden heksadesimaalinumeron yhdistelmäksi. Se on määritelty standardissa RFC 3986. Esimerkiksi välilyönnistä tulee %20, &:sta tulee %26 ja =:sta tulee %3D. Tämä varmistaa, että URL-osoitteissa välitetty data siirtyy oikein merkistöstä riippumatta.

Tämä työkalu tarjoaa kaksi tilaa JavaScriptin sisäänrakennettujen funktioiden mukaisesti: Komponenttitila käyttää encodeURIComponent():a, joka koodaa kaiken paitsi A–Z a–z 0–9 - _ . ! ~ * ' ( ). Käytä tätä yksittäisille kyselyparametrien arvoille. Koko URL -tila käyttää encodeURI():a, joka säilyttää URL-rakenteen merkit kuten : / ? & #. Käytä tätä koko URL-osoitteille. Dekoodaukseen käytä URL-dekooderia.

Miten työkalua käytetään

1

Valitse koodaustila

Valitse Komponentti kyselyparametrin arvon koodaamiseen (esim. hakutermi). Valitse Koko URL koko URL-osoitteen koodaamiseen pitäen rakenteen ehjänä. Napsauta Esimerkki ladataksesi esimerkin.

2

Liitä syöte

Kirjoita tai liitä tekstisi vasempaan editoriin. Oikea paneeli päivittyy automaattisesti prosenttikoodatulla tuloksella. Koodaus toimii kokonaan selaimessasi — mitään dataa ei lähetetä palvelimelle.

3

Kopioi tai lataa

Napsauta Kopioi laittaaksesi koodatun merkkijonon leikepöydälle tai Lataa tiedostona tallentaaksesi sen .txt-tiedostona. Prosessin kääntämiseen käytä URL-dekooderia.

Komponenttitila vs Koko URL -tila

Tilojen vertailu

Kyselymerkkijonojen arvoille käytä aina Komponenttitilaa. Esimerkiksi jos hakutermi on rock & roll, oikea kyselyparametri on q=rock%20%26%20roll — ei q=rock & roll, mikä rikkoo kyselymerkkijonon rakenteen.

Usein kysyttyä

Onko datani yksityistä?

Kyllä. Koodaus toimii kokonaan selaimessasi. Mitään dataa ei lähetetä palvelimelle.

Mitä eroa on %20:n ja +:n välillä välilyönneille?

application/x-www-form-urlencoded-formaatissa (HTML-lomakkeiden lähetykset) välilyönnit koodataan +:ksi. Standardissa prosenttikoodauksessa (RFC 3986) välilyönnit koodataan %20:ksi. Tämä työkalu käyttää %20:ä. Jos tarvitset +:n lomakkeen datalle, korvaa %20 +:lla koodauksen jälkeen.

Mitä tilaa pitäisi käyttää koko URL:lle?

Käytä Koko URL -tilaa (encodeURI) koodatessasi koko URL-osoitetta, jonka haluat pitää navigoitavana. Käytä Komponentti-tilaa (encodeURIComponent) koodatessasi arvoa, joka sijoitetaan kyselyparametriin, polkusegmenttiin tai fragmenttiin.

Tukeeko se Unicode-merkkejä?

Kyllä. Ei-ASCII-merkit kuten é, tai emoji koodataan ensin UTF-8-tavuiksi ja sitten prosenttikoodataan. Esimerkiksi é muuttuu %C3%A9:ksi.

Liittyvät työkalut

Määritelystä katso RFC 3986. MDN käsittelee encodeURIComponent:n ja encodeURI:n yksityiskohtaisesti.