Java Php Auto Reload!

Werner M schrieb:
> Ich habe da mal ein Problemchen im bereich Webseite für
> "Steuerungsanwendungen". Also ich möchte eine variable aus einer Datei
> an einen Javascript (jquery mobile) übergeben. Dieses allerdings
> permanent im Sekundentakt c.a.

Wie muss man sich das vorstellen: Wird die Datei einmal pro Sekunde 
geöffnet, der bestehende Wert in ihr wird überschrieben, und dann wird 
sie wieder geschlossen? Oder ist sie zur Laufzeit vielleicht gar 
permanent geöffnet und es werden immer wieder neue Werte 
reingeschrieben, also eine Art Logfile?

> Zurzeit lade ich in Php die Variable aus der Datei und übergebe diese an
> das Script. Scheinbar gibt es aber in Php keine schleife um diese immer
> wieder geschehen zu lassen ?

Es gibt die üblichen Arten von Schleifen in PHP, also for, while, etc.

Was Du aber vielleicht eher meinst, sind Events bzw. Timer. Auch die 
gibt es in PHP:
http://www.php.net/manual/en/class.event.php
http://www.php.net/manual/en/class.evtimer.php

Du könntest also einen Timer laufen lassen, der einmal pro Sekunde ein 
Event auslöst. Daraufhin könnte man dann die Datei lesen, und mit dem 
erhaltenen Wert auch eine HTML-Seite generieren. In dieser stünde der 
Wert dann einem wie auch immer gearteten JavaScript-Code zur Verfügung.

Die Frage ist nun, ob diese Vorgehensweise überhaupt sinnvoll ist ;-)

Wie so oft gilt: Beschreibe nicht Deinen bisher gewählten Ansatz, denn 
der kann völliger Murks sein. Beschreibe lieber, was Deine Anwendung 
eigentlich wirklich machen soll, und was der Sinn dahinter ist.

Vielleicht magst Du Dir mal JSON anschauen:
http://de.wikipedia.org/wiki/JSON

> und in Java gibt es scheinbar nicht die Möglichkeit eine Datei zu lesen?

Natürlich gibt es in Java diese Möglichkeit. In JavaScript aber nicht, 
und das muss auch so sein. Überleg mal, Du würdest eine beliebige 
Website besuchen und der von dort geladene JavaScript-Code könnte 
beliebig Dateien auf Deiner Festplatte auslesen oder verändern! Das 
willst Du nicht wirklich ;-)

Man könnte das wohl mit AJAX machen. Nein, ist kein Scheuermittel... 
sondern in dem Fall wohl ein Steuermittel :-)

http://stackoverflow.com/questions/20125763/ajax-reload-every-10-seconds
http://stackoverflow.com/questions/5681380/refresh-a-table-with-jquery-ajax-every-5-seconds

Werner M schrieb:
> Zurzeit lade ich in Php die Variable aus der Datei und übergebe diese an
> das Script. Scheinbar gibt es aber in Php keine schleife um diese immer
> wieder geschehen zu lassen ? und in Java gibt es scheinbar nicht die
> Möglichkeit eine Datei zu lesen?

Falscher Ansatz.
Nicht der Server sendet zyklisch die Daten an den Client (Browser), 
sondern der Client holt sich zyklisch die Daten vom Server.

Dafür wurde AJAX erfunden, und jQuery als Framework nimmt einem einiges 
der Arbeit ab, das in Javascript "von Hand" mit XMLHttpRequest selbst zu 
machen, wobei auch das keine Raketenwissenschaft ist.

Werner M schrieb:
> Dieses Problem hatte ich schonmal das konnte man irgendwie umgehen. Ich
> meine mich schwach zu errinnern das das sogar ganz einfach war ?!

Das hier kann gehen, muss aber nicht immer:
http://ajaxpatterns.org/XMLHttpRequest_Call#How_will_caching_be_controlled.3F

Was immer geht aber etwas unschoen ist, ist ein zufaelliges 
Schluessel-/Wertpaar and die URL als GET Parameter zu haengen, um so dem 
Browser zu sagen "das ist jetzt was neues".

Nebenbei, je nachdem wieviel Aufwand du reinstecken willst, kannst du 
anstatt einem Pull Model auch ein Push Model verwenden mit AJAX, d.h. 
der Browser fragt nicht staendig den Server ob es was neues gibt, 
sondern der Server "sagt" dem Browser wenn es etwas neues gibt indem er 
ihm einfach neue Daten schickt. Dazu koenntst du mal nach "Reverse AJAX" 
oder "Comet" Googeln.

zwei möglichkeiten um das cache-problem zu umgehen/reduzieren/lösen:

1. z.b. jquery bietet die möglichkeit, den cache für ajax-calls zu 
deaktivieren (und vereinfacht so nebenbei auch noch den js-code).

1

var int = window.setInterval(function() {

2

  $.ajax({

3

    url: http://localhost/ajax.php,

4

    data: '_get=data',

5

    success: function(data) {

6

      $('#display').html(data);

7

    }

8

  });

9

}, 500);

nur schnell runtergeschrieben, ohne garantie dass die optionen alle 
stimmen oder ob noch ein/zwei fehlen

2. das script, das die daten zurückliefert kann (zusätzlich) einen 
do-not-chache header schicken und ein last-modification-date irgendwann 
in der vergangenheit

Frank schrieb:
> Wird beim Verweis auf extrene Libs in Javascript immer die desamte Datei
> heruntergeladen

Natürlich.

> oder nur die aufgerufenen Funktionen?

Der Overhead, das zu verwalten, wäre ... beträchtlich.


Javascript-Libraries sind allerdings i.d.R. ziemlich kompakt, jquery 1.8 
beispielsweise ist knapp 270 kByte groß.

Üblicherweise wird so etwas im Cache des Browsers gespeichert, so daß 
das auch bei mobiler Anwendung nicht allzusehr ins Gewicht fällt.

Für die Minimalanwendung mit XMTHttpRequest & Co. ist allerdings kein 
jQuery erforderlich.

da du jquery sowieso lädst, kannst du den teil

1

var xmlhttp;

2

function loadXMLDoc(url,cfunc)

3

{

4

  xmlhttp=new XMLHttpRequest();

5

xmlhttp.onreadystatechange=cfunc;

6

xmlhttp.open("Post",url,true);

7

xmlhttp.send();

8

}

9

10

function timer() 

11

{ 

12

setTimeout("myFunction()", 1000) 

13

}

14

15

function myFunction() 

16

{

17

loadXMLDoc("counter.txt",function()

18

  {

19

  if (xmlhttp.readyState==4 && xmlhttp.status==200)

20

    {

21

    $va = xmlhttp.responseText;

22

$('#test1').val($va);

23

$('#test1').slider('refresh');

24

25

    }

26

  });

27

28

timer("");

29

30

}

31

32

window.onload = myFunction();

auch kürzer schreiben (und in die document.ready() integrieren):

1

var interval; // mit der variable kann das interval wieder beendet werden

2

3

$(document).ready(function(){

4

  $('#test1').on('slidestop',function(){

5

    $('#test2').val($('#test1').slider().val());

6

    $('#test2').slider('refresh');

7

8

    // hier wird nur ein zähler an ein counter-script übergeben?

9

    $.ajax({

10

      url: '/s2/counter.php?number='+$('#test1').slider().val()

11

    });

12

  });

13

14

  interval = window.setInterval(function() {

15

    $.ajax({

16

      url: 'counter.txt',

17

      success: function(data) {

18

        $('#test1').val(data);

19

        $('#test').slider('refresh');

20

      }

21

    });

22

  }, 1000);

23

});

ich habe jetzt nicht nachgesehen was .slider() ist/macht bzw. wofür das 
codiqa-plugin verwendet wird. im großen und ganzen sollte der refresh 
aber so funktionieren.