Puhuimme GET: stä viime videossa, mutta emme kiinnittäneet POST: iin tarpeeksi huomiota. Ajattelin, että teemme sen täällä. Suuri ero POST: n kanssa on se, että joudut melkein aina toimittamaan tietoja pyynnön mukana. Nämä tiedot voivat olla monessa muodossa, mutta ne voivat olla vain esineitä, joita sinulla on lähelläsi. Syntaksi on myös helppo:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );Huomaa toinen parametri, joka on objekti (lähinnä JSON). Nämä tiedot voivat olla mitä tahansa (mukaan lukien merkkijono). Sinun on siirrettävä se tavalla, joka on hyödyllinen taustasi kannalta.
Takaisin viimeisen videon lomakemalliin, entä jos haluaisit siirtää kaikki tiedot koko lomakkeesta? Et myöskään halunnut päivittää JavaScriptiä, kun lomake muuttui. jQuery tekee siitä helppoa serialize () -menetelmällään. Soita vain itse muotoelementille:
$("#my-form").serialize();Se tarkastelee koko lomaketta ja tekee kyselymerkkijonon jokaisesta lomakkeen nimetystä syötteestä. Sitten voit käyttää sitä tiedoina, jotka olet ohittanut, kun $ .post ().
$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));Katso Chris Coyierin (@chriscoyier) Pen CtoEg -koodia CodePenistä