JavaScript encodeURI dan encodeURIComponent_javascript tips

Fungsi encodeURI dan encodeURIComponet kedua-duanya digunakan dalam JavaScript untuk mengekod URI dan menukar parameter yang berkaitan kepada data dalam format pengekodan UTF-8. Apabila URI melakukan lompatan lokasi, kod bukan ASCII seperti bahasa Cina dan Jepun dalam parameter akan ditukar kod.

Fungsi kedua-dua fungsi ini agak serupa, tetapi terdapat beberapa perbezaan.

encodeURI: Terdapat 82 aksara yang tidak akan dikodkan: !, #, $, &, ', (,), *, ,,,-,.,/,:,;,=,?,@, _,~,0-9,a-z,A-Z
encodeURIKomponen: Terdapat 71 aksara yang tidak akan dikodkan: !, ', (,), *, -, ., _, ~, 0-9, a-z, A-Z

Soalan:

ajax.get ( url '?k1'=v1 '&k2'=v2 '&k3'=v3, ... );

Memandangkan URL hanya dikodkan URI, apabila parameter yang anda ingin serahkan ialah searchWord = a b, ia menjadi b.

Penyelesaian:

ajax.post( url, params,....)

　di mana params ialah objek.

Sebab: Jika parameter ialah objek atau tatasusunan, pustaka komponen telah pun mengekodURIComponent untuk anda. Dan jika anda hanya menggunakan rentetan, perpustakaan komponen tidak melakukan apa-apa, jadi aksara khas ditapis apabila ia mencapai bahagian belakang.

Penggunaan encodeURI()

　Kaedah ini tidak mengekod huruf dan nombor ASCII, juga tidak mengekodkan aksara tanda baca ASCII ini: - _ .

　Tujuan kaedah ini adalah untuk mengekod URI sepenuhnya, jadi fungsi encodeURI() tidak akan terlepas daripada tanda baca ASCII berikut yang mempunyai makna istimewa dalam URI: ;/?:@&= $, #

Petua: Jika komponen URI mengandungi pembatas, seperti ? dan #, anda harus menggunakan kaedah encodeURIComponent() untuk mengekod setiap komponen secara berasingan.

Contoh:

document.write(encodeURI("http://www.w3school.com.cn")+ "<br />") 
document.write(encodeURI("http://www.w3school.com.cn/My first/")) 
document.write(encodeURI(",/&#63;:@&=+$#")) 
//批注：只转换域名后面的部分，并且对,/&#63;:@&=+$#不处理。 
// http://www.w3school.com.cn 
// http://www.w3school.com.cn/My%20first/ 
// ,/&#63;:@&=+$#  

　Fungsi decodeURI() boleh menyahkod URI yang dikodkan oleh fungsi encodeURI().

　

penggunaan kodURIComponent()

　Kaedah ini tidak mengekod huruf dan nombor ASCII, juga tidak mengekodkan aksara tanda baca ASCII ini: - _ .

Aksara lain (seperti :;/?:@&= $,# yang merupakan tanda baca yang digunakan untuk memisahkan komponen URI) digantikan dengan satu atau lebih jujukan pelarian heksadesimal.

Petua: Sila ambil perhatian bahawa fungsi encodeURIComponent() adalah berbeza daripada fungsi encodeURI() kerana fungsi pertama mengandaikan bahawa parameternya adalah sebahagian daripada URI (seperti protokol, nama hos, laluan atau rentetan pertanyaan). Oleh itu, fungsi encodeURIComponent() melarikan diri daripada aksara tanda baca yang digunakan untuk memisahkan bahagian URI.

Contoh:

document.write(encodeURIComponent("http://www.w3school.com.cn")) 
document.write(encodeURIComponent("http://www.w3school.com.cn/p 1/")) 
document.write(encodeURIComponent(",/?:@&=+$#")) 
//对比 
// http%3A%2F%2Fwww.w3school.com.cn 
// http%3A%2F%2Fwww.w3school.com.cn%2Fp%201%2F 
// %2C%2F%3F%3A%40%26%3D%2B%24%23  

　Fungsi decodeURIComponent() boleh menyahkod URI yang dikodkan oleh fungsi encodeURIComponent().