Mes kalbėjome apie GET paskutiniame vaizdo įraše, bet neskyrėme POST pakankamai dėmesio. Taigi aš maniau, kad mes tai padarysime čia. Didelis skirtumas su POST yra tas, kad beveik visada reikia perduoti duomenis kartu su užklausa. Šie duomenys gali būti įvairių formų, tačiau tai gali būti tik jūsų turimas objektas. Sintaksė taip pat lengva:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );
Atkreipkite dėmesį į antrąjį parametrą, kuris yra duomenų objektas (iš esmės JSON). Tie duomenys gali būti apie bet ką (įskaitant eilutę). Jums reikia perduoti jį taip, kad tai būtų naudinga jūsų programinei įrangai.
Grįžkime prie mūsų formos pavyzdžio iš paskutinio vaizdo įrašo. Ką daryti, jei norite perduoti visus duomenis iš visos formos? Jūs taip pat nenorėjote atnaujinti „JavaScript“, kai pasikeitė forma. „jQuery“ tai daro lengvai naudodamas „serialize“ () metodą. Tiesiog paskambinkite pačiam formos elementui:
$("#my-form").serialize();
Tai peržiūrės visą formą ir sudarys užklausos eilutę iš kiekvieno pavadinto formos įvesties. Tada galite tai naudoti kaip duomenis, kuriuos praėjote, kai įrašėte $ .post ().
$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));
Žiūrėkite Chriso Coyier (@chriscoyier) „Pen CtoEg“ „CodePen“