[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