Az utolsó videóban beszéltünk a GET-ről, de nem fordítottunk kellő figyelmet a POST-ra. Szóval azt hittem, ezt itt fogjuk megtenni. A POST-nál az a nagy különbség, hogy szinte mindig adatokat kell továbbítania a kéréssel. Ezek az adatok sokféle formát ölthetnek, de lehet, hogy csak egy objektumról van szó. A szintaxis szintén egyszerű:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );Figyelje meg a második paramétert, amely egy objektum (lényegében JSON). Ezek az adatok bármi lehet (beleértve a karakterláncot is). Rajtad múlik, hogy ezt olyan módon add át, amely hasznos a hátad számára.
Visszatérve az utolsó videó űrlapos példájához, mi lenne, ha át szeretné adni a teljes űrlap összes adatait? Az űrlap megváltozásakor Önnek sem kellett frissítenie a JavaScript-et. A jQuery ezt a serialize () módszerével megkönnyíti. Csak hívja magára az űrlap elemre:
$("#my-form").serialize();Ez átnézi az egész űrlapot, és lekérdezési karakterláncot készít az űrlap minden megnevezett bemenetéből. Akkor ezt felhasználhatja adatként, amelyet a $ .post () feltöltésekor múlt.
$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));Lásd Chris Coyier (@chriscoyier) Pen CtoEg-jét a CodePen-en