[AJAX] XmlHttpRequest en Ajax

Version imprimable

05/12/2007, 09h22
zouzino

[AJAX] XmlHttpRequest en Ajax

bonjour,

Je suis d�butant en AJAX et j'ai besoin de votre aide, voila mon probleme:

Je voudrai avec AJAX recuperer le resultat d'une requete en MySQL qui se trouve dans un fichier php en lui passant un parametre. Voila le fichier PHP:
function create_response($level_id) {
mysql_connect('localhost', 'root', '');
mysql_select_db('thesaurus');

$sql = "SELECT `ConceptName`
FROM `concept`
WHERE `ConceptName` LIKE '".$level_id."%' AND ThesaurusID=".'1'." LIMIT 10";
$req = mysql_query($sql);
$autoCompletion = mysql_fetch_assoc($req);
}

Dans un script Javascript je veux faire du Ajax (je sais pas comment:oops:) pour recuperer le resultat de la requete precedente et mettre ce resultat dans un champ texte dans ma page.
Je sais qu'il faut utiliser XmlHttpRequest mais aucune id�e comment puisque je suis debutant. J'apprecie bien votre aide et desole si je vous embete.
Merci en avance
05/12/2007, 09h32
jeje13009

slt,

si tu as plusieurs r�sultat comment vas-tu g�r� la chose ??

� partir de l� je pourrai te guider ;)
05/12/2007, 10h11
zouzino

Slt jeje13009,

En fait j'ai cette fonction en Javascript:
function checkword()
{
var s=$('keys').value;
var start='';
if((s=='')||(s.lastIndexOf(' ')==s.length-1))
{
$('skeys').innerHTML='';
return;
}
if(s.lastIndexOf(' ')!=-1)
start=s.substring(s.lastIndexOf(' ')+1);
else
start=s;
if(keys.length<1)
{
if($('allkeys')!=null)
{
var someNodeList = $('allkeys').getElementsByTagName('a');

var nodes = $A(someNodeList);
var i=0;
nodes.each(function(node){
keys[i]=node.innerHTML;
i++;
});
}
}
if(start.length>0)
{
var s2="";
var i=0;
var max=15;
keys.each(function(node){
if((node.length>start.length)&&(i<max)&&(node.substring(0,start.length)==start))
{

s2+="<a href='javascript:void(0)' onclick='AddKey3(\""+node+"\",\""+node.substring(start.length)+"\")'>"+node+"</a> ";
i++;
}
});
$('skeys').innerHTML=s2;
}
}

Au lieu de: var someNodeList = $('allkeys').getElementsByTagName('a'); qui recupere des mots cles d'un champ texte, je voudrai recuperer des mots cles de ma base, voila quoi. Pour cela je dois faire du XmlHttpRequest et recuperer le resultat de la requete. J'espere que c'est plus clair.
Si t'en as des scripts, des id�es ... je suis preneur... Ca fait deux jours que je m'arrache les cheveux puisque je veux modifier le code d'un mec qui n'est pas comment� :cry:

Merci d'avance

slt,

premiers �l�ments de r�ponse...

soit un fichier 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
29
30
31
function ObjXHR(){ //définition de la classe
	try{ return new ActiveXObject("Microsoft.XMLHTTP");}
	catch(e){
		try{ return new ActiveXObject("Msxml2.XMLHTTP");}
		catch(e){
			try{ return new XMLHttpRequest();}
			catch(e){ return false;}
			}
		}
	}
 
function RecupKeywordInBdd(){
var xhr= false;
var xhr= new Requete();
 
requete.onreadystatechange = function(){
     if(requete.readyState == 4){
          if(requete.status == 200){
               tabReponse = xhr.responseText.split("+");
               //remplace '+' par le caractère de ton choix
               //un caractère que tu es sûr de ne pas trouver dans tes mots clés
               //(ça peut être un espace !)
          }
     }
}
 
date = "param1=value1&&param2=value2";
 
requete.open('POST','url_de_ton_fichier_PHP',true);
requete.send(data);
}

soit un fichier php :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
mysql_connect('localhost', 'root', '');
mysql_select_db('thesaurus');
 
$sql = "SELECT `ConceptName`
FROM `concept`
WHERE `ConceptName` LIKE '".$level_id."%' AND ThesaurusID=".'1'." LIMIT 10";
$req = mysql_query($sql);
 
$reponse = false;
 
while($autoCompletion = mysql_fetch_assoc($req)){
     $reponse += $autoCompletion."+";
     //remplace '+' par le caractère de ton choix
     //ce doit être le même caractère que dans ton fichier js
     }
 
echo $autoCompletion;

dans ta page html, tu int�gres le js avec :

Code:

<script type='text/javascript' src='url_de_ton_fichier_js'></script>

dans ton fichier php, tu disposes de $_POST['param1'] pour acc�der � la valeur de param1 d�finie dans ton js, et ainsi de suite pour parma2, param3...

pour lancer la requ�te, tu n'as qu'� appeler la fonction RecupKeywordInBdd() (� laquelle tu peux ajouter des param�tres �galement).
� ce stade l�, tabReponse est un tableau dont les valeurs sont les diff�rents mots cl�s ! je ne t'ai pas indiqu� de m�thode pour les afficher, car tout d�pend du conteneur !

05/12/2007, 13h24
zouzino

Tout d'abord merci pour votre aide, j'ai deja vu ces trucs je veux essayer si ca marche pourtan dans le code que tu m'as donn� la fonction Requete est pas definie, Je pense c'est la meme que objXHR non???

Et je comprends pas comment tu fais ca: $reponse += $autoCompletion."+";

$response est un boolean et tu l'associe a $autoCompletion qui est un element d'un tableau qui est string

Merci bien

slt,

oui, requete est bien objXHR... je n'ai pas modifi� mon code de partout pour l'adapter au tiens...

pourquoi $reponse serait un boolean ?

on pourrait remplacer la boucle while par :
Code:

1 2 3 4 5 6 7 8 $autoCompletion = mysql_fetch_assoc($req); for($i=0;$i<$autoCompletion.length;$i++){ $reponse += $autoCompletion[$i]."+"; //remplace '+' par le caractère de ton choix //ce doit être le même caractère que dans ton fichier js }
normalement les deux fonctionnent aussi bien

05/12/2007, 17h59
zouzino

Merci pour votre aide j'ai resolu le probleme autrement :D