Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
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>
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>
