Jquery kullanarak PHP sayfasına veri gönderip yine PHP sayfasından veri alabilirsiniz. Jquery ile başka bir sayfaya veri göndermek için çok fazla metot bulunmasına rağmen en basit yöntemle (aşağıda kodlar mevcut), ilgili sayfaya $.post() ederek veri gönderebilirsiniz. Yine aynı sayfadan veri almak içinse post metodunun gelen veriyi done() metodunu kullanarak gelen verileri tutabilirsiniz.
Örnek: Jquery ile PHP sayfasına textbox içindeki değerleri gönderip, PHP tarafında sayıların toplamını yapıp, sonucu ajax ile işlem fomun olduğu sayfada div içinde yazdırıyoruz.
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> |
