Jquery Veri Çekme

sdkbyrm

olwα.ɴeт
Üyelik Tarihi
23 Aralık 2020
Mesajlar
813
Beğeniler
1
Puanı
3
Ticaret: 0 / 0 / 0
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>
 
Üst Alt