# 17: Ajaxiga postitamine - CSS-trikid

Anonim

Rääkisime GET-ist viimases videos, kuid ei pööranud POST-ile piisavalt tähelepanu. Nii et ma arvasin, et teeme seda siin. Suur erinevus POST-iga on see, et peate peaaegu alati päringuga andmeid edastama. Nendel andmetel võib olla palju vorme, kuid see võib olla lihtsalt teie läheduses olev objekt. Süntaks on ka lihtne:

$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );

Pange tähele teist parameetrit, mis on andmete objekt (peamiselt JSON). Need andmed võivad olla peaaegu kõik (sh string). Teil tuleb see edastada nii, et see oleks teie taustaprogrammile kasulik.

Tagasi meie vorminäite juurde viimasest videost, mis oleks, kui soovite edastada kogu vormi andmed? Samuti ei tahtnud, et vormi muutmisel peaksite JavaScripti värskendama. jQuery muudab selle serialize () meetodiga selle lihtsaks. Helistage lihtsalt vormielemendile endale:

$("#my-form").serialize();

See vaatab kogu vormi läbi ja teeb vormis igast nimega sisendist päringustringi. Siis saate seda kasutada andmetena, millest möödusite, kui postitasite $ .post ().

$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));

Vaadake Code Cenil Chris Coyieri (@chriscoyier) Pen CtoEgi