Ми говорили про 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