Ajax niet werkend

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Jeffrey boud

jeffrey boud

21/08/2010 10:39:16
Quote Anchor link
Beste Helpers

Ik ben bezig met het leren Ajax te gebruiken. Ik volg daarom een voorbeeld die heb verkregen via een website. Nou heb ik deze opdracht helemaal gemaakt maar krijg deze niet werkend. Doe ik iets verkeerd of staat er een fout in de code.

Index.html

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<head>
<title>Ajax 101</title>
<link rel=”stylesheet” href=”boxy.css”>
<script type=”text/javascript” src=”prototype.js”></script>

<script language=’javascript’>

//handle the Ajax response …
function handleResponse(transport)
{
$(‘hello’).innerHTML = transport.responseText;
}

//creates a prototype Ajax object, sends a request, and registers the callback function ‘handleResponse’
function callAjax(s)
{
var myAjax = new Ajax.Request(‘server_script.php’,
{method: ‘get’, parameters: {state: s},
onComplete: handleResponse});
}

</script>

</head>
<body>
<p>
<span id=’hover_span’ onmouseover=”callAjax(‘do’)” onmouseout=”callAjax(‘undo’)”> <b>Hover here to trigger Ajax call:</b> </span>
</p>

<span id=’hello’> boring pre-Ajax-call text … </span>

</body>
</html>

server_script.php

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php

$state
= $_REQUEST['state'];

if ($state == do)
{

echo <h1>exciting text retrieved from server!</h1>;
}

else if ($state == undo)
{

echo reset to boring ;
}

else
{
echo unknown state parameter passed to server!!;
}


?>


boxy.css

#hover_span
{
font-size: 12pt;
}

#hover_span:hover
{
cursor: crosshair;
background-color: yellow;
}
 
PHP hulp

PHP hulp

15/04/2021 05:05:52
 
Veur Heur

Veur Heur

21/08/2010 10:46:25
Quote Anchor link
Begin eens met al die ‘ aan te passen naar " of '
Gewijzigd op 21/08/2010 10:48:40 door Veur Heur
 
Jeffrey boud

jeffrey boud

21/08/2010 11:26:51
Quote Anchor link
Heb ik gedaan. Script doet het nog steeds niet
 
P Lekensteyn

P Lekensteyn

21/08/2010 11:38:01
Quote Anchor link
Weet je zeker dat je alles goed vervangen hebt?
Probeer dit eens (juiste" en '):

Index.html
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Ajax 101</title>
<link rel="stylesheet" href="boxy.css">
<script type="text/javascript" src="prototype.js"></script>

<script language='javascript'>

//handle the Ajax response
function handleResponse(transport)
{
$('hello').innerHTML = transport.responseText;
}

//creates a prototype Ajax object, sends a request, and registers the callback function 'handleResponse'
function callAjax(s)
{
var myAjax = new Ajax.Request('server_script.php',
{method: 'get', parameters: {state: s},
onComplete: handleResponse});
}

</script>

</head>
<body>
<p>
<span id='hover_span' onmouseover="callAjax('do')" onmouseout="callAjax('undo')"> <b>Hover here to trigger Ajax call:</b> </span>
</p>

<span id='hello'> boring pre-Ajax-call text  </span>

</body>
</html>


server_script.php
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<?php

$state
= $_REQUEST['state'];

if ($state == 'do')
{

echo '<h1>exciting text retrieved from server!</h1>';
}

else if ($state == 'undo')
{

echo 'reset to boring …';
}

else
{
echo 'unknown state parameter passed to server!!';
}


?>


boxy.css

#hover_span
{
font-size: 12pt;
}

#hover_span:hover
{
cursor: crosshair;
background-color: yellow;
}
Gewijzigd op 21/08/2010 11:38:51 door P Lekensteyn
 
Jeffrey boud

jeffrey boud

21/08/2010 14:53:30
Quote Anchor link
Dank je. Loop nu op sail maar zodra ik thuis ben ga ik meteen proberen.

Toevoeging op 22/08/2010 12:12:59:

Ok uitgeprobeerd en het werkt super. Dank je wel.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.