php - Ajax og PHP, dynamisk opdatering - Udvikleren.dk - Programmering, webdesign og grafik

Tags: php ajax

Bruger #4618 @ 04.12.15 22:51

Hej Alle
Jeg roder lidt med en side som skal skifte indhold hver 5 sek og ikke hente hele siden hver gang. (info skærm) Jeg er ganske ny udi ajax verden, så måske derfor driller det.

Hvis jeg kalder siden der skal give informationerne (infodata.php) direkte vises det som det skal (demo projekt) og mit script bliver udført.

Når siden bliver kaldt fra infotest.php bliver html koden vist (div) men script koden bliver ikke eksekveret!

Er der en venlig sjæl der kan gennemskue problemet?

Hoved programmet infotest.php

PHP kode

 <!DOCTYPE html>
 <html>
 <title>Infotest 21.18</title>
 <head>
 <script>
 i=0;
 function hentindhold() {
     if (window.XMLHttpRequest)
         {
         // code for IE7+, Firefox, Chrome, Opera, Safari
         xmlhttp = new XMLHttpRequest();
     } else {
         // code for IE6, IE5
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
     }
     xmlhttp.onreadystatechange = function()
         {
             document.getElementById('status').innerHTML = xmlhttp.status;
             document.getElementById('ready').innerHTML  = xmlhttp.readyState;
         if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
             {
                    document.getElementById('indhold').innerHTML = ' - resp - ';
              document.getElementById('indhold').innerHTML = xmlhttp.responseText;
         }
         };
     
     xmlhttp.open("GET","infodata.php",true);
     xmlhttp.send();
         i++;
         document.getElementById('livecounter').innerHTML = i;
         tid();
         var thi = setTimeout(hentindhold, 5000);
 } // hentindhold
 
 
 function tid() {
     var today = new Date();
     var m = today.getMinutes();
     var s = today.getSeconds();
     var h = today.getHours();
         var dogntid = h*60*60+m*60+s;
         var antalsider = 10;
         var sidevisningsek = 5;
         var totalvisning = antalsider*sidevisningsek;
         var aktuelside = 1;
         var aktuelside=Math.floor((dogntid % totalvisning)/sidevisningsek);
         if (m<10) { m="0"+m; }
         if (s<10) { s="0"+s; }
         document.getElementById('tid').innerHTML = "Klokken er: " + h + ":" + m + ":" + s + " /"+aktuelside+" v21.18 +ajaxtest";
 } // tid
 
 </script>
 </head>
 </body>
 <body onload="hentindhold()">
 
 
 <div id="tid"></div><br>
 <div id="livecounter"></div><br>
 <div id="indhold"></div><br> 
 status: <div id="status">Status</div><br>
 readystate: <div id="ready">Ready</div><br>
 </html>

Koden der generere data infodata.php

PHP kode

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
 <title>Infodata</title>
 
 Infodata.php 20.53<br>
 
 Side nr:<div id="nr"><b>Side nr...</b></div>
 
 <script language="JavaScript" type="text/javascript">
 
         var today = new Date();
         var m = today.getMinutes();
         var s = today.getSeconds();
         var h = today.getHours();
         var dogntid = h*60*60+m*60+s;
         var antalsider = 10;
         var sidevisningsek = 5;
         var totalvisning = antalsider*sidevisningsek;
         var aktuelside = 1;
         var aktuelside=Math.floor((dogntid % totalvisning)/sidevisningsek);
 
         document.getElementById("nr").innerHTML = aktuelside;
 
         if (aktuelside==0) { document.write("<img id='' src='http://servlet.dmi.dk/byvejr/servlet/byvejr_dag1?by=7100&amp;mode=long' alt='' />");  }
         if (aktuelside==1) { document.write("<img id='' src='http://servlet.dmi.dk/byvejr/servlet/byvejr?by=7100&tabel=dag3_9' alt='' />");  }
 
 </script>
 </head>
 <body>
 </body>
 </html>

Indlæg senest redigeret d. 05.12.2015 16:49 af Bruger #4618

2 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma

Sorter efter stemmer Sorter efter dato

Bruger #16075 @ 05.12.15 09:42

1.223

jeg har omskrevet dit eks lidt, så det virker

infodata.php

Kode

<?php
$aktuelside = $_GET['aktuelside'];
$aktuelside = $aktuelside%2; // så vi ikke kommer ud over området, og får en side der ikke findes
switch($aktuelside){
	case "0" : $data = "<img id='' src='http://servlet.dmi.dk/byvejr/servlet/byvejr_dag1?by=7100&mode=long' alt='' />"; break;
	case "1" : $data = "<img id='' src='http://servlet.dmi.dk/byvejr/servlet/byvejr?by=7100&tabel=dag3_9' alt='' />"; break;
	default : $data="";
}
echo $data;
?>

infotest.php

Kode

<!DOCTYPE html>
<html>
<title>Infotest 21.18</title>
<head>
<script>
i=0;

function hent_ajax_data(){	
	var url = "infodata.php";
	var params = "aktuelside=" + i+"&rand="+Math.random();
	var xmlhttp =  new XMLHttpRequest();
	xmlhttp.open("GET", url+"?"+params, true);  
	xmlhttp.send(null);	
	
	document.getElementById('status').innerHTML = xmlhttp.status;
	document.getElementById('ready').innerHTML = xmlhttp.readyState;
	document.getElementById('livecounter').innerHTML = i;
	
	xmlhttp.onreadystatechange = function () {
		if(this.readyState == 4 && this.status == 200 ){ 			
			document.getElementById('indhold').innerHTML = this.responseText; 				
			i++;			
		}
	} 		
}

function hentindhold(){
	setTimeout(function() {
		tid();
		hent_ajax_data();		
		hentindhold();			
	}, 5000);  // hentindhold
}

function tid() {
	var today = new Date();
	var m = today.getMinutes();
	var s = today.getSeconds();
	var h = today.getHours();
	var dogntid = h*60*60+m*60+s;
	var antalsider = 10;
	var sidevisningsek = 5;
	var totalvisning = antalsider*sidevisningsek;
	var aktuelside = 1;
	var aktuelside=Math.floor((dogntid % totalvisning)/sidevisningsek);
	if (m<10) { m="0"+m; }
	if (s<10) { s="0"+s; }
	document.getElementById('tid').innerHTML = "Klokken er: " + h + ":" + m + ":" + s + " /"+aktuelside+" v21.18 +ajaxtest";
} // tid

</script>
</head>
</body>
<body onload="hentindhold()">


<div id="tid"></div><br>
<div id="livecounter"></div><br>
<div id="indhold"></div><br> 
status: <div id="status">Status</div><br>
readystate: <div id="ready">Ready</div><br>
</html>

performance mæssigt er det ikke en god ide at retunerer HTML.

nb: når du ligger code ind her på udvikleren, så brug BB coden "code", så bliver dit indlæg nemmere at læse

Bruger #4618 @ 05.12.15 13:29

Det var lige det der skulle til

Takker for begge informationer :bounce:

Ajax og PHP, dynamisk opdatering

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler