Son videoda GET'ten bahsettik ama POST'a yeterince ilgi göstermedik. Ben de bunu burada yapacağımızı düşündüm. POST ile en büyük fark, neredeyse her zaman istekle birlikte verileri iletmeniz gerekmesidir. Bu veriler birçok biçimde olabilir, ancak etrafınızda sahip olduğunuz bir nesne olabilir. Sözdizimi de kolaydır:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );Bir veri nesnesi (esasen JSON) olan ikinci parametreye dikkat edin. Bu veriler hemen hemen her şey olabilir (bir dize dahil). Bunu arka ucunuz için yararlı olacak şekilde iletmek sizin sorumluluğunuzdadır.
Son videodan form örneğimize dönersek, formun tamamındaki tüm verileri iletmek isteseydiniz ne olur? Form değiştiğinde JavaScript'i de güncellemeniz gerekmiyordu. jQuery, serialize () yöntemiyle bunu kolaylaştırır. Bunu form öğesinin kendisinde çağırmanız yeterlidir:
$("#my-form").serialize();Bu, tüm forma bakacak ve formdaki her adlandırılmış girdiden bir sorgu dizesi oluşturacaktır. Daha sonra bunu $ .post () yaptığınızda geçtiğiniz veri olarak kullanabilirsiniz.
$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));CodePen'de Chris Coyier (@chriscoyier) tarafından hazırlanan Pen CtoEg'i görün