cari

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

Bagaimana untuk mengekod dan menyahkod URL dalam JavaScript?

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBke hadapan
2023-09-09 14:29:211128semak 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

    #๐ŸŽœ๐ŸŽœ๐ŸŽœ##๐ŸŽœ๐ŸŽœ๐ŸŽœ##๐ŸŽœ ๐ŸŽœ๐ŸŽœ# - Ia menyimpan URL untuk dikodkan.

  • complete_url_string string
    • - Ia memegang rentetan URL lengkap untuk dikodkan.

  • Fungsi di atas mengembalikan URL yang dikodkan.

    • Contoh 1

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

    • #๐ŸŽœ๐ŸŽœ๐ŸŽœ๐ŸŽœ๐ŸŽœ๐ŸŽœ๐ŸŽœ๐ŸŽœ๐ŸŽœ๐ŸŽœ๐ŸŽœ๐ŸŽœ๐ŸŽœ ๐ŸŽœ๐ŸŽœ# - Ia menerima input URL yang dikodkan yang dibuat oleh fungsi encodeURI().

encoded_URL URL
    - Ia menerima input URL yang dikodkan yang dicipta oleh fungsi encodeURIComponent().

  • Fungsi ini akan mengembalikan format dinyahkod URL yang dikodkan.

    • Contoh 2

  • 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