Am vorbit despre GET în ultimul videoclip, dar nu am acordat suficientă atenție POST. Așa că m-am gândit că vom face asta aici. Diferența mare cu POST este că aproape întotdeauna trebuie să transmiteți datele împreună cu solicitarea. Aceste date pot lua mai multe forme, dar ar putea fi doar un obiect pe care îl aveți în jur. Sintaxa este, de asemenea, ușoară:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );Observați al doilea parametru care este un obiect (în esență JSON) de date. Aceste date pot fi aproape orice (inclusiv un șir). Este de datoria dvs. să o transmiteți într-un mod care să fie util backend-ului dvs.
Înapoi la exemplul formularului nostru din ultimul videoclip, ce se întâmplă dacă doriți să transmiteți toate datele din întregul formular? De asemenea, nu ați dorit să trebuiască să actualizați JavaScript când s-a schimbat formularul. jQuery face acest lucru ușor cu metoda sa serialize (). Doar numiți-l pe elementul de formular în sine:
$("#my-form").serialize();Acesta va căuta în întregul formular și va crea un șir de interogare din fiecare intrare numită din formular. Apoi îl puteți folosi ca date pe care le-ați trecut când $ .post ().
$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));Vedeți Pen CtoEg de Chris Coyier (@chriscoyier) pe CodePen