Bagaimana Mudah Menukar Data Borang menjadi Objek JavaScript menggunakan jQuery?

Cara Menukar Data Borang kepada Objek JavaScript dengan jQuery

Untuk kemudahan, anda mungkin mahu membina objek JavaScript secara automatik daripada borang anda tanpa menggelung ke atas setiap elemen. Menggunakan kaedah serializeArray jQuery menyediakan penyelesaian yang berkesan tetapi memerlukan beberapa pemprosesan untuk mencapai format objek yang diingini.

Penyelesaian:

Kaedah serializeArray mengembalikan susunan objek yang mewakili setiap bentuk unsur. Untuk menukar ini kepada objek, manfaatkan fungsi berikut:

function objectifyForm(formArray) {
    var returnArray = {};
    for (var i = 0; i < formArray.length; i++) {
        returnArray[formArray[i]['name']] = formArray[i]['value'];
    }
    return returnArray;
}

Sebagai contoh, memandangkan elemen bentuk:

<input type="text" name="name" value="John">
<input type="email" name="email" value="john@example.com">

Kod akan menghasilkan objek:

{
    name: "John",
    email: "john@example.com"
}

Nota: Berhati-hati dengan medan tersembunyi dengan nama yang sama dengan input sebenar, kerana ia mungkin menimpa nilai dalam objek.

Atas ialah kandungan terperinci Bagaimana Mudah Menukar Data Borang menjadi Objek JavaScript menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!