Jquery ile başka sayfaya veri gönderme ve alma işlemi için Jquery’de $.post metodunu kullanabilirsiniz.
Jquery $.post() Kullanımı
$.post metodu kendisine iki tane parametre almaktadır. 1.parametre ilgili sayfa, ikincisi de gidecek olan veriyi göstermektedir.
|
1 2 3 |
$.post("sayfa","gidenveri"); |
İlgili sayfada üretilen veriyi almak içinse done() metodu kullanılmaktadır. done() fonksiyonu kendisine parametre olarak bir fonksiyon almaktadır. gelen veriyi işlemek için fonksiyona paraktere olarak gelen veriyi geçeriz.
|
1 2 3 4 5 6 7 8 |
$.post("sayfa","gidenveri") .done(function(gelenveri){ //gelenveriyi burada işleyebilirsiniz. }); |
Örnek: Jquery ve PHP ile iki sayının toplamını yapan uygulama, örnekte ajax yöntemi ile sayılar PHP sayfasına gönderilip toplama sonucu div içinde gösterilmektedir.
hesapla.php
|
1 2 3 4 5 6 7 |
<?php //hesapla.php echo $_POST["sayi1"] + $_POST["sayi2"]; |
ornek.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 |
<!doctype html> <html> <head> <meta charset="utf-8"> <title>JavaScript Örnekleri</title> <style> label{ display: block; } </style> <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script> </head> <body> <div id="sonuc">Hesaplama Sonuc:</div> <form id="hesaplaForm"> <label> Sayı 1:<input type="text" id="sayi1" name="sayi1"> </label> <label> Sayı 2:<input type="text" id="sayi2" name="sayi2"> </label> <button id="hesapla" type="button">PHP ile Sayıları Topla</button> </form> <script> $("#hesapla").click(function(){ $.post("hesapla.php",$("#hesaplaForm").serialize()) .done(function(gelenveri){ $("#sonuc").html(gelenveri); }); }); </script> </body> </html> |
