JQuery Encode/Decode URL String

3 Coretan kod jQuery mudah untuk mengekod/menyahkod (menukar) param HREF dalam rentetan URL (alamat HTTP) supaya mereka dapat dilihat dengan betul di laman web. Sebagai contoh, adalah bersamaan HTML ruang dan @ adalah ampersand ( @).

encode rentetan url

Decode URL String

rujukan endoding url html

<span>var url = $(location).attr('href'); //get current url
</span><span>//OR
</span><span>var url = 'folder/index.html?param=#23dd&noob=yes'; //or specify one
</span>
<span>var encodedUrl = encodeURIComponent(url);
</span><span>console.log(encodedUrl);
</span><span>//outputs folder%2Findex.html%3Fparam%3D%2323dd%26noob%3Dyes</span>

Lihat semua rujukan pengekodan URL HTML

Soalan Lazim (Soalan Lazim) Mengenai Pengekodan dan Penyahkodan URL JQuery

<span>var url = $(location).attr('href'); //get current url
</span><span>//OR
</span><span>var url = 'folder%2Findex.html%3Fparam%3D%2323dd%26noob%3Dyes'; //or specify one
</span>
<span>var decodedUrl = decodeURIComponent(url);
</span><span>console.log(decodedUrl);
</span><span>//outputs  folder/index.html?param=#23dd&noob=yes</span>

Apakah tujuan pengekodan URL dalam pengekodan url JQuery? Ia sering digunakan dalam penyerahan data borang HTML dalam permintaan HTTP. Dalam jQuery, pengekodan URL digunakan untuk memastikan bahawa URL diformat dengan betul dan boleh dipercayai untuk melayari. Ia menukarkan aksara yang tidak selamat dan tidak alphanumerik ke dalam format yang boleh dihantar melalui Internet dengan selamat. Fungsi ini boleh menyahkod mana -mana komponen yang dikodkan URL, mengembalikan rentetan asal. Berikut adalah contoh mudah:

var url = "https://www.example.com";

space 	%20
! 	%21
" 	%22
# 	%23
$ 	%24
% 	%25
& 	%26
' 	%27
( 	%28
) 	%29
* 	%2A
+ 	%2B
, 	%2C
- 	%2D
. 	%2E
/ 	%2F
... 
etc

var decodedUrl = decodeuricomponent (url); // https://www.example.com

Apakah perbezaan antara encodeuri () dan encodeuricomponent () dalam javascript? Perbezaan utama di antara mereka ialah encodeuri () dimaksudkan untuk digunakan pada URI penuh, sementara encodeuricomponent () digunakan untuk mengodkan komponen URI individu, seperti rentetan pertanyaan atau segmen jalan. encodeuricomponent () mengkodekan lebih banyak aksara daripada encodeuri ().

Bagaimana saya boleh menggunakan jQuery untuk menghantar permintaan AJAX dengan parameter URL? Sebelum menghantar, anda harus menyandikan parameter URL untuk memastikan ia diformat dengan betul. Inilah contoh:

$. Ajax ({

url: 'https://www.example.com',

data: {param1: encodeuricomponent (value1), param2: encodeuricomponent (value2)},

}
});

Kenapa url saya yang dikodkan tidak berfungsi dengan betul?

Jika URL yang dikodkan anda tidak berfungsi dengan betul, ia mungkin disebabkan oleh beberapa sebab. Satu isu biasa tidak mengekodkan parameter URL dengan betul. Isu lain boleh menggunakan encodeuri () dan bukannya encodeuricomponent () untuk komponen URI individu. Sentiasa pastikan anda menggunakan fungsi yang betul untuk keperluan khusus anda.

Bolehkah saya menggunakan jQuery untuk mengekod atau menyahkodkan rentetan URL tanpa menggunakan fungsi JavaScript? Walau bagaimanapun, anda boleh menggunakan fungsi JavaScript encodeuricomponent (), decodeuricomponent (), encodeuri (), dan decodeuri () dalam kod jQuery anda. Fungsi encodeuricomponent () boleh digunakan untuk mengodkan aksara khas, menjadikan URL selamat untuk melayari. Ia menguraikan komponen URI yang telah dibuat sebelum ini oleh encodeuricomponent () atau dengan rutin yang sama. Ia mengembalikan rentetan yang mewakili URI yang disahkod. Ini boleh dilakukan menggunakan fungsi encodeuricomponent (). Ini akan memastikan bahawa mana -mana aksara khas dikodkan dengan betul dan tidak boleh ditafsirkan sebagai kod. Walau bagaimanapun, ini boleh menjadi kompleks dan mungkin memerlukan pemprosesan tambahan di sisi pelayan untuk mentafsirkan data yang dikodkan dengan betul. Selalunya lebih mudah untuk lulus struktur data yang kompleks menggunakan permintaan pos atau dengan menukar data ke rentetan JSON.

Atas ialah kandungan terperinci JQuery Encode/Decode URL String. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!