Geen refresh van gegevens op pagina

Status
Niet open voor verdere reacties.
G

Glenda88

Nieuwe gebruiker
Lid geworden
4 sep 2014
Berichten
2
Beste

Ik heb een html/javascript/JSon parser probleem. Het is het volgende:
Op de website http://www.weerflitsinfo.be/test.html zou ik allerlei gegevens ivm het weer willen uitlezen. Momenteel worden statische gegevens weergegeven (maw de pagina refresht niet).

De pagina test.html zit er zo uit:
HTML: 
<html>
<head>
<script type="text/JavaScript">
setTimeout("location.reload(true);",60000);
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.0.0.js"></script>
<script src="http://www.weerflitsinfo.be/knockout.mapping.js"></script>
<script src="http://www.weerflitsinfo.be/moment-with-locales.min.js"></script>
</head>

<body>
<script type="text/javascript">
var viewModel = {};
$.getJSON("http://www.weerflitsinfo.be/currentWeatherLiedekerke.txt", function(data) { 
    viewModel.model = ko.mapping.fromJS(data);
    ko.applyBindings(viewModel);
});
</script>

<div>Hello</div>
<div>Gegevens gemeten op <span data-bind="text: moment(model.Live.Time()).format('DD/MM/YYYY [om] HH:mm')"></span></div>
<div>Temperatuur: <span data-bind="text: model.Live.TempOutside"></span> graden celcius
<div>Regen: <span data-bind="text: model.Day.Regen"></span> mm
<div>Andere html stuff</div>
</body>
</html>
Het textbestand currentWeatherLiedekerke.txt bevat de volgende code:
[js]
{"Live":{"Time":"2014-08-27T18:45:00","TempOutside":20.7},"Day":{"ID":3610,"Datum":"2014-08-27T18:44:00","MaxTemp":21.8,"MaxTempTime":"18:20","MinTemp":9.5,"MinTempTime":"07:01","AvgTemp":15.6,"Regen":0.8,"GevallenSneeuw":0.0,"SneeuwDek":0.0,"Weerbeeld":null,"GemeenteID":166}}[/js]


Ik dacht dat de gegevens die uitgelezen werden vanuit currentWeatherLiedekerke.txt zouden vernieuwen mits de javascript code:
HTML: 
<script type="text/JavaScript">
setTimeout("location.reload(true);",60000);
</script>

Maar dit werkt dus niet... Kan iemand me verder helpen? Ik ben ten einde raad...

Alvast bedankt!
Glenda
 
Laatst bewerkt door een moderator:
HTML: 
<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.0.0.js"></script>
        <script src="http://www.weerflitsinfo.be/knockout.mapping.js"></script>
        <script src="http://www.weerflitsinfo.be/moment-with-locales.min.js"></script>
    </head>
 
    <body>
        <script type="text/javascript">
        var viewModel = {};
        
        setInterval(function() {
            $.getJSON("http://www.weerflitsinfo.be/currentWeatherLiedekerke.txt", function(data) { 
                viewModel.model = ko.mapping.fromJS(data);
                ko.applyBindings(viewModel);
            });
        }, 60000);
        </script>

        <div>Hello</div>
        <div>Gegevens gemeten op <span data-bind="text: moment(model.Live.Time()).format('DD/MM/YYYY [om] HH:mm')"></span></div>
        <div>Temperatuur: <span data-bind="text: model.Live.TempOutside"></span> graden celcius
        <div>Regen: <span data-bind="text: model.Day.Regen"></span> mm
        <div>Andere html stuff</div>
    </body>
</html>
 
Beste Dylanh

Bedankt voor je reactie!
Dit werkt echter niet bij mij... Als ik je code kopieer, worden er helemaal geen gegevens meer uitlezen. Zou dit dan aan mijn browser ofzo kunnen liggen?

Ik heb intussen nog een andere oplossing gevonden ivm het niet refreshen. De uit te lezen file staat ook op de volgende locatie:
http://www.weerstationdenderstreek.be/LiveWeather/currentWeatherLiedekerke.txt
Deze code wordt op die locatie wel regelmatig vernieuwd. Maar als ik die link in mijn code plak, leest er niets meer uit...

Alvast bedankt!
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan