Cevap Geçmişi
24.09.16 22:25
Soruyu kısaltmanız iyi oldu. Buna cevap verebiliriz. Ajax için JQuery kullanırsak (özel bir Ajax yöntemin belirtmediğinizden) ve veri.txt içindeki verinin de düzgün bir JSON verisi olduğunu kabul edersek (Örneğinizdeki veride sonda iki tane çift tırnak var. Böyle bir durumda çalışmaz.) şöyle bir şey işinizi görebilir. <!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script src="jquery-3.1.1.min.js"></script>
</head>
<body>
<div id="dvMetinler"></div>
<script>
// Sayfa yüklendiğinde...
$(function () {
// zamanlayıcıyı kur.
setInterval(function () {
yukle();
}, 5000);
});
function goster(data) {
var el = document.getElementById("dvMetinler");
data.transactions.sort(); // JSON içindeki transactions dizisini sırala.
// Diziyi br ile birleştirip bir metin dizesi oluştur ve etiketin içine yaz.
el.innerHTML = data.transactions.join("<br />");
}
function yukle() {
$.ajax({
url: 'veri.txt',
type: 'GET',
data: {},
dataType: 'json',
success: function (data) {
// Eğer gelen JSON verisi değil düz bir metinse alttaki satırı ve
// üstteki dataType satırını kaldırıp metni doğrudan divin içine yazdırmak için
// document.getElementById("dvMetinler").innerHTML = data;
// yazabilirsin.
goster(data);
},
error: function (request, error) {
alert("Hata:" + error);
}
});
}
</script>
</body>
</html>
Ekleyen: cevapsitesi
Değiştiren: cevapsitesi
Cevap olarak seçen: levent
24.09.16 22:23
Soruyu kısaltmanız iyi oldu. Buna cevap verebiliriz. Ajax için JQuery kullanırsak (özel bir Ajax yöntemin belirtmediğinizden) ve veri.txt içindeki verinin de düzgün bir JSON verisi olduğunu kabul edersek (Örneğinizdeki veride sonda iki tane çift tırnak var. Böyle bir durumda çalışmaz.) şöyle bir şey işinizi görebilir. <!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script src="jquery-3.1.1.min.js"></script>
</head>
<body>
<div id="dvMetinler"></div>
<script>
// Sayfa yüklendiğinde...
$(function () {
// zamanlayıcıyı kur.
setInterval(function () {
yukle();
}, 5000);
});
function goster(data) {
var el = document.getElementById("dvMetinler");
data.transactions.sort(); // JSON içindeki transactions dizisini sırala.
el.innerHTML = "";
for (var i = 0; i < data.transactions.length; i++) {
el.innerHTML += data.transactions[i] + "<br />";
}
}
function yukle() {
$.ajax({
url: 'veri.txt',
type: 'GET',
data: {},
dataType: 'json',
success: function (data) {
// Eğer gelen JSON verisi değil düz bir metinse alttaki satırı ve
// üstteki dataType satırını kaldırıp metni doğrudan divin içine yazdırmak için
// document.getElementById("dvMetinler").innerHTML = data;
// yazabilirsin.
goster(data);
},
error: function (request, error) {
alert("Hata:" + error);
}
});
}
</script>
</body>
</html>
Ekleyen: cevapsitesi
Değiştiren: cevapsitesi
24.09.16 19:21
Soruyu kısaltmanız iyi oldu. Buna cevap verebiliriz. Ajax için JQuery kullanırsak (özel bir Ajax yöntemin belirtmediğinizden) ve veri.txt içindeki verinin de düzgün bir JSON verisi olduğunu kabul edersek (Örneğinizdeki veride sonda iki tane çift tırnak var. Böyle bir durumda çalışmaz.) şöyle bir şey işinizi görebilir. <!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script src="jquery-3.1.1.min.js"></script>
</head>
<body>
<div id="dvMetinler"></div>
<script>
$(function () {
setInterval(function () {
yukle();
}, 5000);
});
function goster(data) {
var el = document.getElementById("dvMetinler");
data.transactions.sort(); // JSON içindeki transactions dizisini sırala.
el.innerHTML = "";
for (var i = 0; i < data.transactions.length; i++) {
el.innerHTML += data.transactions[i] + "<br>";
}
}
function yukle() {
$.ajax({
url: 'veri.txt',
type: 'GET',
data: {},
dataType: 'json',
success: function (data) {
// Eğer gelen JSON verisi değil düz bir metinse alttaki satırı ve
// üstteki dataType satırını kaldırıp metni doğrudan divin içine yazdırmak için
// document.getElementById("dvMetinler").innerHTML = data;
// yazabilirsin.
goster(data);
},
error: function (request, error) {
alert("Hata:" + error);
}
});
}
</script>
</body>
</html>
Ekleyen: cevapsitesi
En fazla 3 eski durum gösterilir.
