Bagaimanakah Saya Boleh Mencegah Kehilangan Pengekodan HTML Apabila Mendapatkan Nilai daripada Medan Input dalam JavaScript?

Kehilangan Pengekodan HTML dalam Pengambilan Atribut Medan Input

Dalam JavaScript, mendapatkan semula nilai medan tersembunyi untuk paparan dalam kotak teks boleh menimbulkan isu pengekodan. Pertimbangkan contoh berikut:

<input>

Apabila menggunakan jQuery untuk mendapatkan semula nilai dari medan tersembunyi, JavaScript kehilangan pengekodannya:

$('#hiddenId').attr('value')

Output yang dikehendaki ialah "kapur & keju" dengan "&" literal dikekalkan.

Penyelesaian

Untuk menangani isu ini, kami memperkenalkan fungsi berikut:

function htmlEncode(value) {
  return $('<textarea/>').text(value).html();
}

function htmlDecode(value) {
  return $('<textarea/>').html(value).text();
}

Fungsi ini mencipta elemen kawasan teks dalam memori, menetapkan teks dalamannya, dan kemudian mendapatkan semula kandungan yang dikodkan (htmlEncode) atau teks dalam yang dinyahkod (htmlDecode). Elemen tidak pernah wujud pada DOM.

Contoh Penggunaan

Kod berikut menunjukkan cara menggunakan fungsi ini:

let encodedValue = htmlEncode('chalk & cheese');
console.log(encodedValue); // Outputs "chalk & cheese"

let decodedValue = htmlDecode(encodedValue);
console.log(decodedValue); // Outputs "chalk & cheese"

Dengan menggunakan fungsi ini, anda boleh mengekalkan dengan berkesan Pengekodan HTML apabila mendapatkan semula nilai daripada medan input dalam JavaScript.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencegah Kehilangan Pengekodan HTML Apabila Mendapatkan Nilai daripada Medan Input dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!