V zadnjem videu smo govorili o GET, vendar POST-u nismo dali dovolj pozornosti. Zato sem mislil, da bomo to storili tukaj. Velika razlika pri POST je, da morate skoraj vedno posredovati podatke z zahtevo. Ti podatki so lahko v različnih oblikah, vendar je to lahko le predmet, ki ga imate v bližini. Tudi sintaksa je enostavna:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );Upoštevajte drugi parameter, ki je objekt (v bistvu JSON) podatkov. Ti podatki so lahko skoraj vse (vključno z nizom). Na vas je, da ga posredujete na način, ki je koristen za vašo ozadje.
Nazaj na naš primer obrazca iz zadnjega videoposnetka, kaj če bi radi posredovali vse podatke iz celotnega obrazca? Prav tako vam ni bilo treba posodabljati JavaScript-a, ko se je obrazec spremenil. jQuery to olajša s svojo metodo serialize (). Samo pokličite ga na samem elementu obrazca:
$("#my-form").serialize();Ta bo pregledal celoten obrazec in iz vsakega imenovanega vhoda v obrazec ustvaril poizvedbeni niz. Potem lahko to uporabite kot podatke, ki ste jih pretekli, ko $ .post ().
$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));Oglejte si Pen CtoEg Chrisa Coyierja (@chriscoyier) na CodePen