Ö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.