How to get form data into JSON with mootools javascript – Cara mengambil nilai form ke dalam JSON menggunakan javascript mootools

Satu lagi catatan ini aku buat karena aku kemarin stress untuk mengotomasikan pengambilan nilai dari sebuah html form ke dalam json untuk di kirim ke server untuk diproses. Capek juga mendeklarasikan nilai variabel satu per satu ketika mengirim data menggunakan metode AJAX.

Setelah mencari di sana dan sini, hanya menemukan cara-cara yang rumit. Bisa dipakai sih tapi terlalu banyak baris script yang harus di tulis, jadi aku nggak puas. Catatan ini tidak berlaku untuk form yang disubmit menggunakan http post atau get yaitu pada tag form ada deklarasi

<form id="formA" action="foo.jsp" method="post">
      <input type="text" name="field1" class="input"/>
      <input type="text" name="field2" class="input"/>
      <input type="submit" value="Send"/>
</form>

Bukan seperti form di atas, karena yang model seperti itu ketika button submit di klik, otomatis akan mengirim semua seuai namanya danĀ  nilai field di server akan dikenali sebagai field1 dan field2. Tapi ini berlaku untuk submit data menggunakan AJAX, kalau biasanya form diatas aku tulis scriptnya menjadi seperti ini: Continue reading

Advertisements