Jquery ve Php ile Json Uygulaması
Geri Dön

Jquery ve Php ile Json Uygulaması

Anasayfa
Önceki dersler de php-json ve javascript-json kullanımı anlattım.Bu derste ise her ikisini birlikte kullanacağız.Jquery ajax ile php dosyasından json formatın da veriyi alıp,ardından javascript ile ekrana yazdıracağız.

Php Json Dersi : http://ustaderslik.com/konu.php?k=Php%20Json%20Kullan%C4%B1m%C4%B1

Javascript Json Dersi : http://ustaderslik.com/konu.php?k=JavaScript%20Json%20Kullanımı

Örneği İndir : http://ustaderslik.com/dosya/json.zip

Şimdi örneğe geçelim.Öncelikle bir php dosyası açıyoruz.

json.php
<?php 
$dersler=array(
"site"=>"UstaDerlik",
"yazar"=>"cArleone",
"link"=>"http://ustaderslik.com/"
);
echo json_encode($dersler);
?>


Burada bir array oluşturduk.Daha sonra json_encode ile json formatında veriyi ekrana yazdırdık.Bu şekilde ajaxla bu veriyi alacağız.Şimdi bir php dosyası daha oluşturalım.

index.php
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){
$.post("json.php",{},function(veri){
var oku=JSON.parse(veri);
$("#veri").html(oku.site+"<br />"+oku.yazar+"<br />"+oku.link);
})
})
</script>
</head>
<body>

<div id="veri"></div>

</body>
</html>

Burada ajax ile json.php çalıştırdık ve veriyi aldık.JSON.parse ile json verisini parçaladık.Daha sonra id si veri olan yere yazdırdık.
Çıktısı :
UstaDerlik
cArleone
http://ustaderslik.com/

olacaktır.Json kullanımı bu şekilde.Json komutları olan tüm diller arasında bu veri transferini sağlayabiliriz.








Anasayfa

Tüm Hakları Saklıdır. ©Arleone 2013-UstaDerslik