[AJAX] Modification text d'un div + ajax

Version imprimable

Bonjour,

J'ai voulu test� aujourd'hui AJAX. C'est assez sympha ce qu'on peut faire avec...

Mais je rencontre un petit probl�me. Je me suis inspir� d'une source que j'ai essay� de simplifi�. Je passe mes valeurs en post. donc le

Code:

xhr_object.send(donnee);

je pourrais le supprimer? Mais si je le supprime �a fonctionne plus

Ma deuxi�me question que je j'aimerais modifier le text dans un div, mais je ne sais plus comment faire. Est-ce que quelqu'un pourrait m'aider?

Merci d'avance

Bye

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
29
30
31
32
33
34
35
36
 
 
function test()
	{
	var xhr_object = null;
 
	if(window.XMLHttpRequest) // Firefox   
		xhr_object = new XMLHttpRequest();   
	else if(window.ActiveXObject) // Internet Explorer   
		xhr_object = new ActiveXObject("Microsoft.XMLHTTP");   
	else 
		{ // XMLHttpRequest non supporté par le navigateur   
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");   
		return;   
		}   
 
	var donnee = null;   
 
	donnee = "identifiant_utilisateur=julped";
	xhr_object.open("GET", "test.php?identifiant_utilisateur="+ document.getElementById("test").value, true);   
 
	xhr_object.onreadystatechange = function()
	{   
		if(xhr_object.readyState == 4)
			{   
			var tmp = xhr_object.responseText.split(":");   
			if(typeof(tmp[1]) != "undefined")
				{   
				f.elements["string"].value = tmp[1];   
				}   
			document.getElementById("Information") = tmp[0];   
			}   
	}   
 
	xhr_object.send(donnee);
	}

04/04/2006, 09h21
titoumimi

le xhr_object.send(donnee); te permet de transmettre tes variables en post � ta page, donc il ne faut pas le supprimer.

pour modifier le contenu de ton div avec le retour d'ajax, un simple

Code:

document.getElementById('ton_div_cible').innerHTML = valeur_retour;

siffit, � placer dans ton if(xhr_object.readyState == 4) :wink:
04/04/2006, 09h30
krfa1

Merci pour le innerHTML.

Mais je ne passe pas les variables en post mais en GET. Donc je pourrais le supprimer non?
04/04/2006, 09h34
titoumimi

alors si c'est en get, il faut que tu le passe comme suit :

Code:

xhr.send(null);

:wink:

PS : j'avait oubli� de fermer un guillemet dans mon code pour le innerHTML, v�rifies bien que tu as mis � jour :oops:
04/04/2006, 09h37
krfa1

Ah ok. C'est bizarre qu'on doive mettre quand m�me la fonction m�me si on l'utilise pas...

Merci beaucoup pour ta pr�cieuse aide. Je vais maintenant essay� de faire un tchat. Ca va �tre sympha

A plus

Bye
04/04/2006, 09h46
krfa1

J'ai encore juste une question, quand ma page php retourne l'information a affich�, s'il y a un accent, il fait un message. Comment puis-je faire pour contrer ce probl�me?
04/04/2006, 09h49
titoumimi

c'est � dire un message ?

peux-tu donner un exemple de code qui fait planter + message stp ?

Alors voici ma page que mon code javascript

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
 
 
<?
include("../connexion.php");
 
if (empty($_GET['identifiant_utilisateur']))
	{
	$identifiant_utilisateur = "";
	}
else
	{
	$identifiant_utilisateur = $_GET['identifiant_utilisateur'];
	}
 
if (mysql_num_rows(mysql_query("SELECT id_utilisateur FROM tbl_utilisateur WHERE identifiant_utilisateur = '$identifiant_utilisateur'")) == 1)
	{
	//echo'Déjà utilisé';
	echo'non disponible';
	}
else
	{
	echo'Identifiant disponible';
	}
?>

j'ai mis mon echo en commentaire, c'est celui l� qui pose probl�me

04/04/2006, 10h59
krfa1

J'ai r�solu � moiti� mon probl�me. Mais pas compl�tement. J'ai mis cette fonction qui permet de supporter les accents. Mais il pose toujours probl�me avec les : et les ". Comment puis-je faire?

Code:

echo mb_convert_encoding($message, "UTF-8", "ISO-8859-1");

merci d'avance
04/04/2006, 11h01
titoumimi

il faut au choix, que tu rajoutes un \ avant les guillemets, ou bien que tu les remplace par leurs entit�s HTML.
04/04/2006, 11h28
krfa1

Ah ok. Ouai c'est parfait. Merci bien

Alors cette fois je crois que c'est tout bon

Encore merci

Bye