Bagaimanakah Saya Boleh Memeriksa Kunci dan Nilai Dengan Cekap Dalam Objek FormData?

Introspeksi FormData: Meneroka Kekunci

Memahami kandungan objek FormData adalah penting untuk menyahpepijat dan memeriksa penyerahan borang. Walau bagaimanapun, pendekatan berasaskan console.log dan gelung mungkin tidak memberikan hasil yang diingini.

FormData.entry()

Sejak Mac 2016, versi terkini Chrome dan Firefox sokongan menggunakan FormData.entry() untuk pemeriksaan. Kaedah ini berulang pada pasangan nilai kunci dalam objek FormData.

// Create a test FormData object
var formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');

// Display the key/value pairs
for (var pair of formData.entries()) {
    console.log(pair[0]+ ', ' + pair[1]); 
}

Pendekatan Alternatif

Sebelum pengenalan FormData.entry(), ketidakupayaan untuk mendapatkan semula data terus daripada objek FormData memerlukan kaedah alternatif. Satu pilihan melibatkan menukar kamus biasa kepada FormData:

var myFormData = {
    key1: 300,
    key2: 'hello world'
};

var fd = new FormData();
for (var key in myFormData) {
    console.log(key, myFormData[key]);
    fd.append(key, myFormData[key]);
}

Untuk penyahpepijatan, menghantar objek FormData melalui XMLHttpRequest juga dibenarkan untuk pemeriksaan dalam konsol permintaan rangkaian:

var xhr = new XMLHttpRequest;
xhr.open('POST', '/', true);
xhr.send(fd);

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memeriksa Kunci dan Nilai Dengan Cekap Dalam Objek FormData?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!