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

Diperbarui 3 tahun yang lalu

1 Jawaban:

<div>Cara efektif tidaknya tergantung dari kebutuhan.<br><br>Sekarang ini sudah ada <a href="https://developer.mozilla.org/en-US/docs/Web/API/FormData">FormData</a> untuk tujuan ini; diluar cara manual parse.<br>atau kalau pakai <a href="https://jquery.com/">jQuery</a>, bisa pakai <a href="https://api.jquery.com/serializeArray/">.serializeArray()</a> .<br>untuk alternative (Vanilla-JS) dari <a href="https://api.jquery.com/serializeArray/">serializeArray</a> bisa baca <a href="https://gomakethings.com/how-to-serialize-form-data-with-vanilla-js/">How to serialize form data with vanilla JS</a>.<br>hasil dari kedua cara diatas bukan json, tapi HTML-Form (seperti QueryString) yang kirim lewat body parameter (untuk POST).</div>

avatar soeleman
@soeleman

120 Kontribusi 147 Poin

Dipost 3 tahun yang lalu

Login untuk ikut Jawaban