Cara mengambil isi form dan mengubah menjadi object javascript

Mohon bantuan. Saya membuat aplikasi isinya input-input dan memasukkannya ke dalam database. Apakah ada cara efektif untuk mengambil data dari input-input di html dan mengubahnya ke object atau array di javascript?


<form action="/action_page.php">
    <label for="fname">First name:</label><br>
    <input type="text" id="fname" name="fname" value="John"><br>
    <label for="lname">Last name:</label><br>
    <input type="text" id="lname" name="lname" value="Doe"><br><br>
    <input type="submit" value="Submit">
</form>
avatar febriawan1502

@febriawan1502

1 Kontribusi 0 Poin

Login untuk menanggapi


Jawaban

Cara efektif tidaknya tergantung dari kebutuhan.

Sekarang ini sudah ada FormData untuk tujuan ini; diluar cara manual parse.
atau kalau pakai jQuery, bisa pakai .serializeArray() .
untuk alternative (Vanilla-JS) dari serializeArray bisa baca How to serialize form data with vanilla JS.
hasil dari kedua cara diatas bukan json, tapi HTML-Form (seperti QueryString) yang kirim lewat body parameter (untuk POST).
avatar soeleman

@soeleman

97 Kontribusi 119 Poin

Login untuk menanggapi


Login untuk gabung berdiskusi