Kami berbicara tentang GET di video terakhir tetapi tidak memberikan perhatian yang cukup pada POST. Jadi saya pikir kami akan melakukannya di sini. Perbedaan besar dengan POST adalah Anda hampir selalu perlu meneruskan data dengan permintaan. Data itu dapat memiliki banyak bentuk, tetapi itu mungkin hanya objek yang Anda miliki. Sintaksnya juga mudah:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );Perhatikan parameter kedua yang merupakan objek (pada dasarnya JSON) data. Data itu bisa apa saja (termasuk string). Terserah Anda untuk menyebarkannya sedemikian rupa sehingga berguna untuk backend Anda.
Kembali ke contoh formulir kami dari video terakhir, bagaimana jika Anda ingin meneruskan semua data dari seluruh formulir? Anda juga tidak ingin memperbarui JavaScript saat formulir berubah. jQuery membuatnya mudah dengan metode serialize (). Sebut saja di elemen formulir itu sendiri:
$("#my-form").serialize();Itu akan memeriksa seluruh formulir dan membuat string kueri dari setiap masukan bernama dalam formulir. Kemudian Anda dapat menggunakannya sebagai data yang Anda lewati saat Anda $ .post ().
$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));Lihat Pen CtoEg oleh Chris Coyier (@chriscoyier) di CodePen