AJAX auto refresh

Hallo,

Ik was aan het oefenen met ajax, en dan een auto refresh, of gewoon met een link hetzelfde bestand aanroepen alleen dan wat anders erin zetten. Alleen dan heb ik een gods kut probleem, namelijk dat de browser dan de boel gaat cachen. Welke manieren zijn hier allemaal voor om dat tegen te gaan, want heb de volgende al gebruikt:

<META Http-Equiv="Cache-Control" Content="no-cache">
<META Http-Equiv="Pragma" Content="no-cache">
<META Http-Equiv="Expires" Content="0">

Mvg. Thomas

[i]Andere manieren van auto refresh zonder dat de gebruiker het zien mogen ook, maar dan wel met een duidelijke (Nederlandse) tutorial![/i]

Volgende vraag:

Hoe kan je een pagina automatisch laten refreshen als er nieuwe gegevens zijn, of om een bepaalde tijd, met ajax?

met php headers proberen ofzo?

Het is al gelukt, maar wat ik wilde bereiken lukt jammer genoeg niet,,

Mijn doel was, dat AJAX de pagina automatisch update als er wat nieuws was, maar dat lukte niet, alleen d.m.v een link. Maar dat is weer niet gebruikersvriendelijk.

Je kunt toch een timer maken in ajax, en die laten checken of de content die je opvraagt nog hetzelfde is als die je op het moment hebt staan.

Ik weet niet of je een library gebruikt, maar met prototype is het volgens mij nog redelijk simpel te doen . Ik weet iig dat het kan, maar of het simpel is niet zeker .

Op request.html zet je een javascript met de setIntveral oid, weet m niet echt uit m'n hoofd, die om de 15 seconden pagina db.php opvraagt om te controleren of er iets nieuws is.
Als request.html voor t eerst laad, laad hij dus óók uit db.php, die een timestamp meezend in een header (gewoon header('stamp: '.$db['lastPostStamp'])
Die stamp zet je in een javascript variabele door hem op te halen via ajaxobject.getResponseHeader('stamp').
Dan, via de interval, haal je dus om de 15 seconden weer de info op, en als de stamp verschild met de stamp die je al op hebt gehaald, werk je de pagina bij.

Relatief heel simpel.

Het zal wel vrij simpel zijn, maar van je verhaaltje snap ik helaas bijna niks

Mm ik heb nu waarschijnlijk te weinig tijd om je te helpen, en de rest van t weekend ook niet. Anders zou ik een begin voor je maken.
Ff kijken of t snel lukt.

Mmkay, ik heb hier een simpel begin gemaakt:

ajax.html of whatever yu like

<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript">

var stamp = '';
var file = 'ajax.test.php';

function refr()
{

h.open('get', file);
h.setRequestHeader('i_ajaxed', 'lastPost');
h.onreadystatechange = function()
{
  if (h.readyState == 4 && h.status == 200)
  {
    if (h.getResponseHeader('stamp') != stamp)
    {
      document.getElementById('body').innerHTML = h.responseText;
      stamp = h.getResponseHeader('stamp');
    }
  }
}
h.send(0);
setTimeout('refr();', 7000);
}

setTimeout('refr();', 200);
</script>

<div id="body">Loading...</div>

ajax.test.php

<?php
if ($_SERVER['HTTP_I_AJAXED'] == 'lastPost') 
{
  $stamp = 4;
  header('stamp: '.$stamp);
  echo 'This is stamp '.$stamp;
}
?>

Ik snap er nog niks van, hij blijft telkens hangen op loading..

Dit is de ajax.test.php:

<?php 
require_once ("config.php");

if ($_SERVER['HTTP_I_AJAXED'] == 'lastPost')  
{ 
    $query = "SELECT * FROM style";  
    $result = mysql_query($query) or die (mysql_error());  
    while ($sql = mysql_fetch_assoc($result))
    {
     
        $stamp = $sql['id']; 
        header('stamp: '.$stamp); 


        echo $sql['style'];
    }
} 
?>

en dit de ajax.js:

<!-- 
   function create_http_object() 
    { 
        var ActiveXTypes = [ 
            "Microsoft.XMLHTTP", 
            "MSXML2.XMLHTTP.5.0", 
            "MSXML2.XMLHTTP.4.0", 
            "MSXML2.XMLHTTP.3.0", 
            "MSXML2.XMLHTTP" 
        ]; 

        for( var i = 0; i < ActiveXTypes.length; i++ ) 
        { 
            try 
            { 
                return new ActiveXObject( ActiveXTypes[i] ); 
            } 
            catch( e ) 
            { } 
        } 

        try 
        { 
            return new XMLHttpRequest(); 
        } 
        catch( e ) 
        { } 

        return false; 
    } 

    function make_request(url, callback_function, http_method, post_values, return_xml) 
    { 
        http = create_http_object(); 

        if(!http) 
        { 
            alert('Je browser ondersteunt deze feature niet.'); 
            return false; 
        } 

        http.onreadystatechange = function() 
        { 
            if(http.readyState == 4) 
            { 
                if(http.status == 200) 
                { 
                    if(callback_function) 
                    { 
                        if(return_xml) 
                        { 
                            eval(callback_function + '(http.responseXML)'); 
                        } 
                        else 
                        { 
                            eval(callback_function + '(http.responseText)'); 
                        } 
                    } 
                } 
                else 
                { 
                    alert('Error! (' + http.status + ')'); 
                } 
            } 
        } 

        if(!post_values) 
        { 
            post_values = null; 
        } 
        if(!http_method) 
        { 
            http_method = "GET"; 
        } 

        http.open(http_method, url, true); 

        if(http_method == "POST") 
        { 
            http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
        } 

        http.send(post_values); 
    } 
     
    function Ov(result) 
    { 
        document.getElementById('Ov').innerHTML = result; 
    } 
        
    function Ov2(result) 
    { 
        document.getElementById('Ov2').innerHTML = result; 
    } 
    -->

Mm weetje nog deze line?
if ($_SERVER['HTTP_I_AJAXED'] == 'lastPost')
Dat betekent dus dat je in je Ajax app, na http.open(), die header mee moet sturen.
zet dit onder je http.open():
http.setRequestHeader('i_ajaxed', 'lastPost');

Het domste dat je kunt doen is een Timer of een Interval d'r op gooien. Het kan bij drukke punten redelijke overbelasting veroorzaken bij tonnen van gegevens. Maar dat niet alleen, je bandwidth mag d'r ook aan gaan geloven.

Ik raad je dan een wat moeilijkere methode aan, COMET, Comet is een methode die pas enkelen jaren bestaat en weinig te vinden is omdat niet iedereen het éven kan ontwikkelen. COMET is een connectie tussen server en client die niet ophoud, ook wel een "Keep-Alive" connectie genoemt.

COMET wordt veel gebruikt voor chat applicaties, web-based, en anderen applicaties. COMET update alleen wanneer er gegevens aanwezig zijn, zijn deze d'r niet zal COMET geen moeite doen en gewoon verder "laden", zijn er gegevens zullen deze geoutput worden. Je kunt hier meer informatie over COMET vinden.

Ja leuk rene, heb je een tutorial in NL? Want ik heb al een tijd gezocht daarna maar niks gevonden..

@iisys: Het werkt jammer genoeg nog niet, er staat: Loading.. en onderin de status balk staat een gele uitroep teken met daarachter gereed

Rene, interessant Zal r is naar kijken.

Sorry hoor, maar mijn informatie was positief bedoelt, niet negatief. Je had opseminst normaal kunnen reageren.

Anyway, die zijn er niet in het nederlands, er zijn amper mensen die het voor elkaar krijgen dit te produceren laat staan te gaan publiceren als Open Source.

Ag, rene was niet zo bedoeld maar ben al zo lang op zoek, ook naar de comet manier maar telkens niks gevonden. En dus best wel pissig

Maar alsnog bedankt iedereen, en ik hoop dat iisys manier gaat werken. en natuurlijk zijn die comet tutorials welkom!

@iisys: De foutcode is:

Fout: 'h' is niet gedefineerd

iisys schreef:

[...]
Omf Je kan zelf toch wel een oplossing bedenken ?! Misschien komt het doordat jij de var http ipv h gebruikt?!
Moet alles helemaal voorgekauwd worden ?

Als ik het stuk in de ajax.js zet krijg ik: Object wordt verwacht.

maar wat bedoelen ze daar mee?

Oke script nagelopen, foutcode is der uit. Alleen nu nog 1 belangrijk ding. Hij laat de inhoud van ajax.test.php niet zien.