Jquery kullanarak başka sayfadan veri alma yada başka sayfaya veri gönderebilirsiniz. Aşağıdaki kodları kullanarak basitçe formlarınızdaki verileri alıp PHP ile işledikten sonra jquery ile sonucu okuyabilirsiniz.
Aşağıdaki örnekte $.post() fonksiyonu ile başka bir sayfaya veri gönderilmiş ve gönderilen veriyi tutmak için done() fonksiyonu kullanılmıştır.
Örnek: PHP+ Jquery kullanarak hazırlanan örnekte metin kutularındaki değerler PHP tarafından işlenip sonuç 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> |
Yorum Yap