Hallo teman-teman Dumet School, bertemu lagi dengan saya Shelli Ripati di kursus web desaign. Pertemuan sebelumnya saya sudah membahas tenatng cara Menampilkan TodoList Dengan Menggunakan Ajax Jquery. Nah sekarang saya akan melanjutkan pembahasan sebelumnya karena masih berhubungan, yaitu cara Menambahkan TodoList Dengan Menggunakan Ajax Jquery tanpa harus mereload halaman websitenya.

Nah untuk dapat Menambahkan TodoList Dengan Menggunakan Ajax Jquery kita harus buat terlebih dahulu sebuah form input di struktur htmlnya . Karena pembahasan sebelumnya kita sudah buat, teman-teman tinggal tambahkan form inputnya saja seperti pada script di bawahn ini.

Jika sudah maka  kita buat script ajax jquerynya untuk dapat menambahkan todolistnya tanpa mereload halamannya ya teman-teman.

Nah disini teman-teman bisa perhatikan dimana fungsi show yang kemarin sudah kita buat kemudian saya sambung dengan koma untuk menambahkan fungsi save atau simpan. Ketika saya input data dan melakukan klik pada button dengan id create-from maka fungsi app.save() akan dijalankan tanpa mereload halaman. Dan data akan tampil di dalam table yang sudah kita buat di pembahasan sebelumnya dengan cara menggunakan push untuk menambahkan data sebelumnya. Jika teman-teman buka dibrowser masing-masing maka akan tampil seperti pada gambar di bawah ini dimana di bawah tabel ada tambahan form input untuk menambahkan data todolistnya.

Menambahkan TodoList Dengan Menggunakan Ajax Jquery

Demikian artikel tentang cara Menambahkan TodoList Dengan Menggunakan Ajax Jquery. Untuk pembahasan selanjutnya saya akan membahas cara mengubah status todolist dengan menggunakan ajax jquery dimana saya akan menggunakan system toggle yang ketika status true jika diklik akan bernilai false dan jika di klik kembali akan kembali bernilai true. Oke teman-teman sampai jumpa di pembahasan selanjutnya dan selamat mencoba.