Kami bercakap mengenai GET dalam video terakhir tetapi tidak memberi perhatian POST. Jadi saya fikir kami akan melakukannya di sini. Perbezaan besar dengan POST adalah bahawa anda hampir selalu perlu menyampaikan data dengan permintaan. Data itu boleh mengambil banyak bentuk, tetapi 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 boleh mengandungi apa sahaja (termasuk tali). Anda harus menyebarkannya dengan cara yang berguna untuk backend anda.
Kembali ke contoh borang kami dari video terakhir, bagaimana jika anda ingin menyampaikan semua data dari keseluruhan borang? Anda juga tidak perlu mengemas kini JavaScript ketika formulir diubah. jQuery menjadikannya mudah dengan kaedah serialize (). Sebut saja pada elemen borang itu sendiri:
$("#my-form").serialize();Itu akan melihat keseluruhan borang dan membuat rentetan pertanyaan dari setiap input yang dinamakan dalam borang. Kemudian anda boleh menggunakannya sebagai data yang anda lalui semasa 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