Bagaimanakah Saya Boleh Menyahpepijat dan Memeriksa Kandungan Objek FormData dengan Berkesan?

Menyahpepijat FormData: Membongkar Struktur Dalaman

Apabila berurusan dengan objek FormData, memeriksa kandungannya boleh menjadi satu cabaran. Pengelogan konsol dan gelung melalui kekunci objek menggunakan untuk dalam terbukti tidak berkesan. Walau bagaimanapun, kemajuan terkini dalam sokongan penyemak imbas telah membuka jalan baharu untuk memeriksa FormData.

Penyelesaian Kemas Kini: Memanfaatkan FormData.entry()

Sehingga Mac 2016, Chrome dan Firefox memperkenalkan kaedah FormData.entry() , yang membolehkan untuk mudah lelaran:

const formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');

for (const [key, value] of formData.entries()) {
    console.log(key, value);
}

Pendekatan Lama: Menggunakan Kamus

Dengan ketiadaan FormData.entries(), pendekatan alternatif melibatkan mencipta kamus biasa dan menukarnya ke FormData:

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

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

Menyahpepijat dengan Rangkaian Permintaan

Untuk nyahpepijat objek FormData biasa, pertimbangkan untuk menghantarnya melalui permintaan AJAX:

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

Dengan memeriksa permintaan rangkaian dalam konsol penyemak imbas, anda boleh mendapatkan cerapan tentang Kandungan FormData.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyahpepijat dan Memeriksa Kandungan Objek FormData dengan Berkesan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!