Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > PHP

Problemen met php AND ajax (Opgelost)

stefan1987 - 21/05/2008 12:46 (laatste wijziging 21/05/2008 12:48)

Nieuw lid

Hoi Allemaal,

Ik ben sinds een tijdje begonnen met het gebruiken van AJAX
voor het herladen van pagina's op mijn website (www.radiostereo.nl)
Maar ik zit met een paar problemen..
Eén hiervan is dat een php pagina met een alert erin wel zo werkt, maar niet wanneer ik deze pagina open met een AJAXherlaad script.

Test url's:
http://radiostereo.nl/Test/ajax.php
(deze pagina werkt dus niet)

http://radiostereo.nl/Test/alert.php
(terwijl deze pagina wel gewoon werkt)

Hebben jullie enig idee wat het probleem zou kunnen zijn?
Ik ben er al een paar dagen mee bezig maar ik vind geen oplossing..

Alvast bedankt

Groetjes Stefan

AJAXpagina

php code - Bekijk de code zonder highlighting - Klap code in

                <html> 
<head> 
<title>messages</title> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<script> 
function createRequestObject() { 
var ro; 
var browser = navigator.appName; 
if(browser == "Microsoft Internet Explorer"){ 
ro = new ActiveXObject("Microsoft.XMLHTTP"); 
}else{ 
ro = new XMLHttpRequest(); 
} 
return ro; 
} 

var http = createRequestObject(); 

function sndReq() { 
http.open('get', 'alert.php'); 
http.onreadystatechange = handleResponse; 
http.send(null); 
setTimeout("sndReq()", 2000); // Recursive JavaScript function calls sndReq() every 2 seconds 
} 

function handleResponse() { 
if(http.readyState == 4){ 
var response = http.responseText; 
if (response != responseold || responsecheck != 1) { 
var responsecheck = 1; 
document.getElementById("messages").innerHTML = http.responseText; 
var responseold = response; 
} 
} 
} 


</script> 
</head> 
<body leftmargin="0" rightmargin="0" bottommargin="0" topmargin="3">
<body onLoad="javascript:sndReq();"> 
<div id="messages"></div> 
</body> 
</html>
            
<html> 
<head> 
<title>messages</title> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<script> 
function createRequestObject() { 
var ro; 
var browser = navigator.appName; 
if(browser == "Microsoft Internet Explorer"){ 
ro = new ActiveXObject("Microsoft.XMLHTTP"); 
}else{ 
ro = new XMLHttpRequest(); 
} 
return ro; 
} 
 
var http = createRequestObject(); 
 
function sndReq() { 
http.open('get', 'alert.php'); 
http.onreadystatechange = handleResponse; 
http.send(null); 
setTimeout("sndReq()", 2000); // Recursive JavaScript function calls sndReq() every 2 seconds 
} 
 
function handleResponse() { 
if(http.readyState == 4){ 
var response = http.responseText; 
if (response != responseold || responsecheck != 1) { 
var responsecheck = 1; 
document.getElementById("messages").innerHTML = http.responseText; 
var responseold = response; 
} 
} 
} 
 
 
</script> 
</head> 
<body leftmargin="0" rightmargin="0" bottommargin="0" topmargin="3">
<body onLoad="javascript:sndReq();"> 
<div id="messages"></div> 
</body> 
</html>
 

Alertpagina

php code - Bekijk de code zonder highlighting - Klap code in

                <script language='JavaScript'>
setTimeout("alert('Je hebt een nieuw bericht!')", 1000);
</script>
            
<script language='JavaScript'>
setTimeout("alert('Je hebt een nieuw bericht!')", 1000);
</script>
 

6 antwoorden

Gesponsorde links

Flex1986 - 21/05/2008 12:54
Senior Member		Maak het jezelf makkelijk en maak gebruik van een standaard library zoals jQuery voor je Ajax gebeuren. jQuery heeft hele handige plugins zoals Timer deze werken (bijna) altijd en zijn ook nog eens cross browser te gebruiken. Een tutorial over Ajax goed lezen en hier en daar zelf scripts maken is helemaal goed om de techniek te begrijpen. Als je het in real-life gaat gebruiken dan zijn kant en klare systemen een stuk makkelijker voor jezelf

saartje87 - 21/05/2008 14:21
Nieuw lid		Ajax werkt niet zoals een iframe... Met een request krijg je zeg maar plain text terug. Dus wat is de tag <script> dan? helemaal niks.. Je kan dit oplossen door alleen javascript terug te sturen, je haalt dus de script tags weg. Daarna bij je caalback functie zeg je: eval( http.responseText ); Succes ;)

stefan1987 - 21/05/2008 14:58 (laatste wijziging 21/05/2008 15:02)
Nieuw lid		Flex1986 schreef: Maak het jezelf makkelijk en maak gebruik van een standaard library zoals jQuery voor je Ajax gebeuren. jQuery heeft hele handige plugins zoals Timer deze werken (bijna) altijd en zijn ook nog eens cross browser te gebruiken. Een tutorial over Ajax goed lezen en hier en daar zelf scripts maken is helemaal goed om de techniek te begrijpen. Als je het in real-life gaat gebruiken dan zijn kant en klare systemen een stuk makkelijker voor jezelf Ik zal inderdaad binnenkort eens een tuturial gaan lezen over ajax en me wat meer verdiepen in jQuery Bedankt voor de info! saartje87 schreef: Ajax werkt niet zoals een iframe... Met een request krijg je zeg maar plain text terug. Dus wat is de tag <script> dan? helemaal niks.. Je kan dit oplossen door alleen javascript terug te sturen, je haalt dus de script tags weg. Daarna bij je caalback functie zeg je: eval( http.responseText ); Succes ;) Hey Thanks! Ik denk ongeveer wel dat ik snap wat het probleem is.. Maar zou het voor mij even kunnen aanpassen? of een voorbeeldje geven? want ik heb dit ajax script ook zomaar gekopieerd (ik kan het niet zelf schrijven) Dus ik weet niet echt hoe ik het moet aanpassen. Alvast bedankt! Groeten Stefan

saartje87 - 21/05/2008 15:42
Nieuw lid		Hoi hoi, Ik zal je even een stukje proberen op weg te helpen Zo zou geloof ik je callback functie eruit moeten komen te zien. function handleResponse() { if(http.readyState == 4){ eval( http.responseText ); } } En dan kan je als test van je php output doen: setTimeout("alert('Je hebt een nieuw bericht!')", 1000); Dus het script zonder de script tags:) Good luck!

Wave6 - 21/05/2008 19:12 (laatste wijziging 21/05/2008 19:13)
PHP beginner		Nou eventjes ik wil je niet afkraken maar is het niet van toepassing als je met GET methode werkt dat je een querystring maakt? http.open("GET","alert.php?message="+mssg+",true); je kan desnoods ook de variable mssg weglaten. En hem op een andere manier definieren, maar dit is tenslotte maar een voorbeeld. zoiets?

stefan1987 - 21/05/2008 23:11 (laatste wijziging 21/05/2008 23:12)
Nieuw lid		saartje87 schreef: Hoi hoi, Ik zal je even een stukje proberen op weg te helpen Zo zou geloof ik je callback functie eruit moeten komen te zien. function handleResponse() { if(http.readyState == 4){ eval( http.responseText ); } } En dan kan je als test van je php output doen: setTimeout("alert('Je hebt een nieuw bericht!')", 1000); Dus het script zonder de script tags:) Good luck! Hey Heel erg bedankt! Ik heb het voor elkaar gekregen! Probleem opgelost Stefan

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten