back to top

URL encode con Javascript: è possibile?

Sì. Javascript consente di effettuare, piuttosto facilmente, l’encoding di una URL. Per effettuare questa operazione Javascript meta a disposizione degli sviluppatori due funzioni distinte:

  • encodeURI()
  • encodeURIComponent()

La funzione encodeURI() effettua l’encoding di una URL (o più correttamente URI) in modo da renderla conforme alla direttiva del W3C. Mediante l’encoding vengono "trasformati" mediante il percent-encoding i caratteri non ammessi (come, ad esempio, spazi e lettere accentate).La funzione in oggetto non effettua, invece, l’encodig dei caratteri riservati come:

, / ? : @ & = + $ #

Qualora sia necessario effettuare l’encoding anche di questi caratteri speciali è necessario utilizzare la seconda funzione, cioè encodeURIComponent().

Vediamo alcuni semplici esempi, partendo da encodeURI():

<script>
var uri="http://sito.com/cerca.php?nome=nicolò [email protected]";
document.write(encodeURI(uri));
</script>

Risultato:

http://sito.com/cerca.php?nome=nicol%C3%83%C2%B2%[email protected]

Esempio di encodeURIComponent():

<script>
var uri="http://sito.com/cerca.php?nome=nicolò [email protected]";
document.write(encodeURIComponent(uri));
</script>

Risultato:

http%3A%2F%2Fsito.com%2Fcerca.php%3Fnome%3Dnicol%C3%83%C2%B2%20bianchi%26email%3Dn.bianchi%40email.com

Le differenze, come potete vedere, sono piuttosto evidenti. La scelta tra l’una e l’altra funzione dipende, ovviamente, dalla necessità di sviluppo concreta per la quale è necessario effettuare l’url encoding.

Pubblicitร 
Massimiliano Bossi
Massimiliano Bossi
Stregato dalla rete sin dai tempi delle BBS e dei modem a 2.400 baud, ho avuto la fortuna di poter trasformare la mia passione in un lavoro (nonostante una Laurea in Giurisprudenza). Adoro scrivere codice e mi occupo quotidianamente di comunicazione, design e nuovi media digitali. Orgogliosamente "nerd" sono il fondatore di MRW.it (per il quale ho scritto centinaia di articoli) e di una nota Web-Agency (dove seguo in prima persona progetti digitali per numerosi clienti sia in Italia che all'estero).

Leggi anche...

Infinite scroll, come programmarlo su AMP e su Web con Javascript

L'infinite scroll è una tecnica di design e navigazione...

Codice Fiscale: 5 javascript per la verifica e il calcolo

Il codice fiscale รจ un identificativo tributario univoco che...

Math.ceil() – Arrotondare per eccesso con Javascript

Il metodo ceil() dell'oggetto Math di Javascript è utilizzato...

Minificare Javascript: librerie e strumenti online per comprimere il sorgente JS

La minificazione è un processo abbastanza diffuso nell'implementazione delle...

Javascript: svuotare un campo input o una textarea con un click

Quando si fornisce agli utenti un modulo per l'inserimento...

6 video player HTML5 per il tuo sito web

Con il rilascio delle specifiche definitive per HTML5 molte...
Pubblicitร