Merhaba arkadaşlar ajax ile json dosyasından veri çekip ekrana yazdırıyorum fakat aynı içeriği 3 defa gösteriyor. Sizce sorun ne olabilir?
json.php dosyası
{"Data":{"Id":674,"AnlikDinleyici":24,"YayinKalite":"64","Sarki":"Benim Dunyam"},"Durum":true,"Mesaj":null}Ajax ın bulunduğu sayfa
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/yazi.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script language="javascript">
$.ajax({
url: 'json.php',
dataType: 'json',
success: function(JSON) {
$('#marquee').empty();
$.each(JSON, function(i, Data){
$('#marquee')
.append(JSON.Data.Sarki);
});
}
});
</script>
</head>
<body>
<div class="marquee" id="marquee"></div>
</body>
</html>
Kodlama mantığında hata var, şöyle ki json içerisinde gelen verileri each ile döndürürken jsondan dönen değer 3 kere tekrarlandığı için 3 kere yazıyor. Eğer sadece şarkıyı alacaksanız şeklinde each döndürmeyin direk parse edin.
Eğer birden fazla şarkı gelecek sede each yapısını buna uygun çevirmeniz lazım