Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengekod dan menyahkod URL dalam JavaScript?

Bagaimana untuk mengekod dan menyahkod URL dalam JavaScript?

WBOYke hadapan: 2023-09-09 14:29:211032semak imbas

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 )

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>

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

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!

JavaScript html String 字符串 function

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Cipta jadual HTML berdaya JavaScript dengan fungsi pengisihanArtikel seterusnya：Cipta jadual HTML berdaya JavaScript dengan fungsi pengisihan

Artikel berkaitan

Lihat lagi

Bagaimana untuk mengekod dan menyahkod URL dalam JavaScript?

Pengekodan URL

encodeURI(complete_uri_string ) encodeURIComponent(complete_url_string )

Artikel berkaitan