Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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>
