Sorting Data dengan Jquery Sortable dan Ajax

Sorting Data dengan Jquery Sortable dan Ajax

760
0
SHARE

Selamat pagi sahabat, udah lama banget tidak nulis posting. Harap maklum, project sangat banyak hahaha.. Ok kali ini kita akan membahas tentang sorting data dengan jquery sortable dan ajax.

sortable jquery ajax

Sorting Data dengan Jquery Sortable dan Ajax

Mungkin Anda sudah tidak asing dengan JQuery Sortable. Jquery sortable sangat bermanfaat ketika kita membuat urutan yang bisa diurutkan dengan cara klik, drag dan drop. Untuk membuat nya sangat mudah, anda bisa copy paste dari halaman jquery yang udah ada. Namun ketika kita memerlukan update urutan data pada server, tentu kita harus menjalankan fungsi AJAX.

DEMO – menyusul 🙂

Nah inilah yang akan kita bahas. Caranya adalah buatlah file index.php dengan kode sebagai berikut :

Kemudian buat file hasil.php untuk memproses request ajax tersebut

Jalankan file index tersebut melalui browser dan lihatlah hasilnya. Coba pindahkan urutan nomor tersebut dengan cara klik, drag dan drop dengan menggunakan mouse. Maka urutan akan berubah dan data urutan akan dikirimkan ke server menggunakan ajax. Cukup mudah bukan. Kode ini masih sangat dasar, silahkan dikembangkan lebih lanjut.

Jangan lupa share ya, terima kasih telah berkunjung ke harviacode.com.

Bagikan artikel ini ya.. terima kasih

NO COMMENTS

LEAVE A REPLY