requette en ajax impossible ?
Bonjour,
j'essaie de faire de l'ajax avec un livre, dans Firebug j'ai bien la requete reçu, mais pas dans ma page html ?
index.php
Code:
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
| <html>
<head>
<script language="JavaScript" src="req.js"></script>
<title>ajax1 :: ....</title></head>
<body>
<form name="form">
<select name="city" size="1" onClick="insertDonne()">
<option>Lille</option>
<option>Paris</option>
<option>Mulhouse</option>
<option>Lyon</option>
<option>Marseille</option>
<option>Bordeaux</option>
<option>Carrouge</option>
<option>Brest</option>
<option>Alençon</option>
<option>Lorient</option>
<option>Nante</option>
<option>Cassis</option>
<option>Canne</option>
<option>Menton</option>
<option>Toulouse</option>
<option>Auxerre</option>
</select>
</form><br />
<span id="capitale">.... ::: </span>
</body>
</html> |
city.php
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <?php
echo 'La capitale de ce Land est ';
switch($_REQUEST['ou'])
{
case 1: echo 'Lille dans le nord'; break;
case 2: echo 'Paris en île de France'; break;
case 3: echo 'Mulhouse toujours'; break;
case 4: echo 'Lyon capital de la gastronomie'; break;
case 5: echo 'Marseille à l\'ailloly'; break;
case 6: echo 'Bordeaux est riche en tanins'; break;
case 7: echo 'Carrouge le pot de chambre de la france'; break;
case 8: echo 'Brest le homard'; break;
case 9: echo 'Alençon à la moisson'; break;
case 10: echo 'Lorient au temps des pêcheurs'; break;
case 11: echo 'Nante le crépuscule de l\'atlantique'; break;
case 12: echo 'Cassis à la boisson dans ces rues'; break;
case 13: echo 'Canne à la croisée du sud'; break;
case 14: echo 'Menton de l\'Italie'; break;
case 15: echo 'Toulouse en rose'; break;
case 16: echo 'Auxerre joue rond'; break;
}
?> |
req.js
Code:
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
| var objetRequest;
if(navigator.appName.search("Microsoft")> -1)
{
objetRequest = new ActiveXObject("Microsoft.XMLHTTP");
objetRequest = new ActiveXObject("MSXML2.XMLHTTP");
} else {
objetRequest = new XMLHttpRequest();
}
function insertDonne()
{
for(i=1; i<=16; i++)
{
if(this.document.form.city.options[i-1].selected)
{
objetRequest.open('get', 'city.php?ou='+i, true);
objetRequest.onreadystatechange = traiteResponse;
objetRequest.send(null);
break;
}
}
}
function traiteResponse()
{
if(objetRequest.readyState == 4)
{
document.getElementById("capitale").innerHMTL = objetRequest.responseText;
}
} |
Mon entête
Response Headers
Date Tue, 29 Jan 2008 10:48:33 GMT
Server Apache/2.2.4 (Ubuntu) PHP/5.2.3-1ubuntu6.2
Last-Modified Tue, 29 Jan 2008 10:41:06 GMT
Etag "b8670-272-fd4b480"
Accept-Ranges bytes
Content-Length 626
Content-Type application/x-javascript
Request Headers
Host 127.0.0.1
User-Agent Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.11) Gecko/20071204 Ubuntu/7.10 (gutsy) Firefox/2.0.0.11
Accept */*
Accept-Language fr,fr-fr;q=0.8,en-us;q=0.5,en;q=0.3
Accept-Encoding gzip,deflate
Accept-Charset ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive 300
Connection keep-alive
Referer http://127.0.0.1/ajax1/
Cookie PHPSESSID=fd3b6d3484213dc6a02fe2fc88bdf314
If-Modified-Since Tue, 29 Jan 2008 10:41:06 GMT
If-None-Match "b8670-272-fd4b480"
Cache-Control max-age=0
Cette ligne me laisse perpplexe je ne sais comment la traduire ?
Merci
