PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
D

Refresh iedere 5 seconde

Door Dimitri Geers op 05-06-2014 15:11
2.575 views
Beste mensen,

Ik ben bezig met het maken van een systeem.
Nu loop ik tegen een probleem aan en dat is het volgende.

Ik heb een pagina gemaakt genaamd: logs.php. Deze include ik op mijn index.php zodra pagina=logs.
Nu wil ik dat deze pagina iedere 5 seconde herlaad zonder dat heel de pagina refreshd. Dit wil ik ook alleen als pagina=logs.
Hier onder de code die in logs.php staat.


<?php
	
	$LogId = mysql_query("SELECT * FROM tbl_log ORDER BY datum DESC");
	
	echo "
	
		<h1>Logs</h1><br />
	
	";
	
	while($LogInfo = mysql_fetch_assoc($LogId)){
	
		echo "- <i>".$LogInfo['datum']." ".$LogInfo['gebruiker']."</i> ".$LogInfo['handeling']."<br />";
	
	}

?>


Wie o wie kan mij verder helpen?

Met vriendelijke groet,
Dimitri Geers

[size=xsmall]Toevoeging op 05/06/2014 15:14:00:[/size]

Hier trouwens de code waarmee ik de logs.php ophaal op mijn index pagina.


<?php
		
					if(isset($_GET['pagina'])) {
	
						switch($_GET['pagina']) {
						case "uitloggen":
							include('pagina/uitloggen.php');
						break;
						case "gebruiker":
							include('pagina/gebruiker-overzicht.php');
						break;
						case "nieuws":
							include('pagina/nieuws-overzicht.php');
						break;
						case "pagina":
							include('pagina/pagina-overzicht.php');
						break;
						case "menu":
							include('pagina/menu-overzicht.php');
						break;
						case "rangen":
							include('pagina/rangen-overzicht.php');
						break;
						case "logs":
							include('pagina/logs.php');
						break;
						case "gebruiker-wachtwoord":
							if(isset($_GET['nid'])) {
								include('pagina/gebruiker-wachtwoord.php');
							}else{
								include('pagina/gebruiker.php');
							}
						break;
					}
				
					}else{
						include('pagina/home.php');
					}
		
					?>
- SanThe -
05-06-2014 15:20
Kijk eens naar ajax.
D
Dimitri Geers
05-06-2014 15:22
Ken je daar toevallig een tutorial van?
D
Dimitri Geers
05-06-2014 15:32
Bedankt, ik ga er eens naar kijken.

[size=xsmall]Toevoeging op 05/06/2014 15:41:13:[/size]

Ik kan dit niet echt vinden op die website.
Ariën
05-06-2014 15:58 gewijzigd op 05-06-2014 16:51
Deze (vereenvoudigde) code gebruik ik op mijn site, in combinatie met de Javascript jQuery-library.

JavaScript:

$(document).ready(function(){

loadData();
function loadData() {
	$.ajax({
		url: "script.php",
		cache: false,
		success: function(html){
			$(".result").empty().html(html);
				setTimeout(function () { 
					loadData(); 
				}, 5000); 
			},
			error:function (xhr, ajaxOptions, thrownError){
				$(".result").empty().html('Er is een fout opgetreden:'+ xhr.status + ' '+ thrownError);
                	}    
		});
	}

});


HTML:

<div class="result"> </div>"

D
Dimitri Geers
05-06-2014 16:07
Waar moet dan de <div class="result"></div> komen?
En wat moet daar tussen staan?

Alvast bedankt!
Ariën
05-06-2014 16:10 gewijzigd op 05-06-2014 16:10
Niks, die wordt automatisch ingevuld met de AJAX-response.... ;-)
D
Dimitri Geers
05-06-2014 16:13
Waar moet deze komen dan? In de script.php of op de pagina waar ook de ajax code staat?
Ariën
05-06-2014 16:16 gewijzigd op 05-06-2014 16:17
Script.php is de pagina die jij elke 5 seconden wilt ophalen.
Door middel van de JavaScript-code wordt deze elke 5 seconden opgehaald en ververst.

De HTML-code voor de 'result' komt op de plek waar jij alles inhoud wenst te tonen.
Ik hoop dat het duidelijk is zo?
D
Dimitri Geers
05-06-2014 16:21
Ik snap het, maar dan werkt het niet helemaal. Hier de code's:

logs.php:

<script>

$(document).ready(function(){

function loadData() {
    $.ajax({
        url: "log.php,
        cache: false,
        success: function(html){
            $(".result").empty().html(html);
                setTimeout(function () { 
                    loadData(); 
                }, 5000); 
            },
            error:function (xhr, ajaxOptions, thrownError){
                $(".result").empty().html('Er is een fout opgetreden:'+ xhr.status + ' '+ thrownError);
                    }    
        });
    }

loadData();
});
</script>

<div class="result"> </div>


log.php:

<?php
	
	$LogId = mysql_query("SELECT * FROM tbl_log ORDER BY datum DESC");
	
	echo "
	
		<h1>Logs</h1><br />
	
	";
	
	while($LogInfo = mysql_fetch_assoc($LogId)){
	
		echo "- <i>".$LogInfo['datum']." ".$LogInfo['gebruiker']."</i> ".$LogInfo['handeling']."<br />";
	
	}

?>

Reageren

Inloggen om te reageren