Говорихме за GET в последното видео, но не обърнахме достатъчно внимание на POST. Затова си помислих, че ще направим това тук. Голямата разлика с POST е, че почти винаги трябва да предавате данни заедно със заявката. Тези данни могат да приемат много форми, но може да са просто обект, който имате наоколо. Синтаксисът също е лесен:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );Забележете втория параметър, който е обект (по същество JSON) от данни. Тези данни могат да бъдат почти за всичко (включително низ). Вие трябва да го предадете по начин, който е полезен за вашия бекенд.
Обратно към нашия пример за формуляр от последното видео, какво, ако искате да предадете всички данни от целия формуляр? Вие също не искате да трябва да актуализирате JavaScript, когато формата се промени. jQuery улеснява това със своя метод serialize (). Просто го извикайте на самия елемент на формуляра:
$("#my-form").serialize();Това ще прегледа целия формуляр и ще направи низ за заявка от всеки именуван вход във формуляра. След това можете да го използвате като данни, които сте минали, когато $ .post ().
$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));Вижте Pen CtoEg от Chris Coyier (@chriscoyier) на CodePen