Bagaimana untuk mengekod dan menyahkod URL dalam JavaScript?-tutorial js-php.cn

Bagaimana untuk mengekod dan menyahkod URL dalam JavaScript?

WBOY

Lepaskan： 2023-09-09 14:29:21

ke hadapan

988 orang telah melayarinya

URL mana-mana tapak web memerlukan pengekodan dan penyahkodan komponen URI dan URI untuk mencapai atau mengubah hala pengguna. Ini adalah tugas biasa dalam pembangunan web dan biasanya dilakukan apabila membuat permintaan GET kepada API menggunakan parameter pertanyaan. Parameter pertanyaan juga mesti dikodkan dalam rentetan URL, yang akan dinyahkod oleh pelayan. Banyak penyemak imbas secara automatik mengekod dan menyahkod URL dan rentetan respons.

Sebagai contoh, ruang " " dikodkan sebagai + atau %20.

Pengekodan URL

Anda boleh menggunakan kaedah berikut dalam JavaScript untuk melengkapkan penukaran aksara khas -

#🎜🎜 #
encodeURI() function - Fungsi encodeURI() digunakan untuk mengekod URI yang lengkap, iaitu, menukar aksara khas dalam URI kepada bahasa yang boleh difahami oleh penyemak imbas. Beberapa aksara yang tidak dikodkan ialah: (, / ? : @ & = + $ #).
encodeURIComponent() Fungsi - Fungsi ini mengekod keseluruhan URL dan bukannya URI sahaja. Komponen ini juga mengekod nama domain.

Tatabahasa

encodeURI(complete_uri_string )
encodeURIComponent(complete_url_string )

Salin selepas log masuk

Parameter

complete_url_string string
Fungsi di atas mengembalikan URL yang dikodkan.

Dalam contoh berikut, kami mengekod URL menggunakan kaedah encodeURI() dan encodeURIComponent().

# index.html

<!DOCTYPE html>
<html lang="en">
<head>
   <title>Encoding URI</title>
</head>
<body>
   <h1 style="color: green;">
      Welcome To Tutorials Point
   </h1>
   <script>
      const url="https://www.tutorialspoint.com/search?q=java articles";
      document.write(&#39;<h4>URL: </h4>&#39; + url)
      const encodedURI=encodeURI(url);
      document.write(&#39;<h4>Encoded URL: </h4>&#39; + encodedURI)
      const encodedURLComponent=encodeURIComponent(url);
      document.write(&#39;<h4>Encoded URL Component: </h4>&#39; + encodedURLComponent)
   </script>
</body>
</html>

Salin selepas log masuk

Output#🎟

#🎜#🎜🎜 Nyahkod URL

Penyahkodan URL boleh dilakukan menggunakan kaedah berikut -

如何在 JavaScript 中对 URL 进行编码和解码？

decodeURI() fungsi

- fungsi decodeURI( ) digunakan untuk menyahkod URI, iaitu, menukar aksara khas kembali ke bahasa URI asal.

decodeURIComponent( ) Fungsi - Fungsi ini menyahkod URL penuh kembali kepada bentuk asalnya. decodeURI hanya menyahkod bahagian URI, manakala kaedah ini menyahkod URL, termasuk nama domain.
SintaksdrreeeParameter

encoded_URL URL

Fungsi ini akan mengembalikan format dinyahkod URL yang dikodkan.
Dalam contoh berikut, kami menggunakan kaedah decodeURI() dan decodeURIComponent() untuk menyahkod URL yang dikodkan kepada URL yang dikodkan. bentuk asal.
#index.html

decodeURI(encoded_URI )
decodeURIComponent(encoded_URL

Salin selepas log masuk

Output

#🎜

Atas ialah kandungan terperinci Bagaimana untuk mengekod dan menyahkod URL dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!