[AJAX] Methode xmlhttprequest.open sous firefox

Version imprimable

bonjour tout le monde,
j'ai un grand prob en ce qui concerne le fonctionnement d'ajax sous firefox, premierement voici mon code (req etant le xmlhttprequest)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
function userResponse(){
var req=new getXHR();
req.onreadystatechange=function(){
if(req.readyState==4){
if(req.status==200){
if (document.getElementById('nomutilisateur').value!="" && document.getElementById('nomutilisateur').value!=" "){
document.getElementById('nomuser').innerHTML=req.responseText;
}
else{
document.getElementById('nomuser').innerHTML="entrez le nom utilisateur...";
}
}
}
else{
document.getElementById('nomuser').innerHTML='Loading...';
}
}
var url='message.php?username='+document.getElementById('nomutilisateur').value;
req.open("GET",url,false);
req.send(null);
}

et voici le code de la partie serveur (php)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<?php
$dbh='mysql:host=localhost;dbname=nombd;';
try{
$pdo=new PDO($dbh,'username','password');
$pdo->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);
$cmd="select count(Mat) from membre where Username='".$_GET['username']."'";
foreach($pdo->query($cmd)as $row){
if ($row[0]!=0){
echo ('<font color="#ffffff">ce nom utilisateur est deja utilisé, choisissez un autre nom</font>');
 
}
else{
echo ('<font color="#ffffff">nom utilisateur accepté</font>');
}
}
}
catch(PDOException $e){
echo $e->getMessage(); 
}
?>

mon probleme est dans la partie de javascript sous firefox, il m'envoie un message d'erreur disant que "req.open('get',url,true) is not a function" sachant qu'il marche bien sous ie.

Aidez moi svp et merci d'avance.:P:P:P:P:P:P:P!!!!

11/02/2010, 06h39
andry.aime

Bonjour et Bienvenue sur Developpez ;)
1-

Citation:

req.open("GET",url,false);

Citation:

"req.open('get',url,true) is not a function"

2- Si tu utilises false comme troisieme parametre, tu travailles en mode synchrone donc pas de onreadystatechange.
3- On peut voir la fonction getXHR?

getXHR

Merci de ta réponse,
voila la fonction getXHR();

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
function getXHR(){
var req=null;
try{
req=new XMLHTTPRequest();
}
catch(err1){
      try{
      req=new ActiveXObject("Msxml2.XMLHTTP");
      }
      catch(err2){
      try{
      req=new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(err3){
      req=null;
      }
      }
}
return req;
}

:ccool::ccool::ccool::ccool::ccool::ccool::ccool:

11/02/2010, 15h04
simotaqi

xmlhttprequest.open() problem

bonjour,
j'ai essayer de mettre true a la place de false, pourtant il reste le meme prob

:roll::roll::roll::roll:
11/02/2010, 17h34
E.Bzz

Bonjour,

Citation:

Envoyé par simotaqi

j'ai essayer de mettre true a la place de false, pourtant il reste le meme prob

C'est plutôt le 1° point soulevé par Andry qu'il faudrait essayer de comprendre : comment le nav peut-il te signaler une erreur sur un appel avec "true" en paramètre alors que dans ton code ce paramètre est à "false" ? :aie:

Es-tu sûr de modifier (et de nous montrer) le bon code (celui que tu vois dans ton nav) ?

A+
12/02/2010, 09h32
simotaqi

bonjour,
excusez moi de mon erreur , c'est seulement une erreur dans ma discussion, :oops::oops:
ben:
si je mets false le msg de navigateur sera: req.open("GET",url,false) is not a function
alors que si je mets true le msg sera: req.open("GET",url,true) is not a function

est ce c'est clair mnt???:roll::roll::roll:
12/02/2010, 09h41
E.Bzz

Citation:

Envoyé par simotaqi

est ce c'est clair mnt???:roll::roll::roll:

En tous cas ça explique ce point là :mrgreen:

Essaye de déclarer

Code:

var req;

en globale et d'enlever sa déclaration ("var") dans les fonctions ...

Par contre, si tu restes en asynchrone (false dans le open), pense à faire sauter le onreadystatechange.

A+
12/02/2010, 09h50
simotaqi

merci:P:P:P
il m'envoie encors le meme message

et puis , il n'y a pas de probleme avec ie:P:P
12/02/2010, 09h52
E.Bzz

On peut voir ton code actuel : Javascript + HTML généré (sans PHP) ?

A+
12/02/2010, 09h53
simotaqi

xmlhttprequest.open() problem

je crois que la fonction open n'est pas valide dans FF
12/02/2010, 09h55
simotaqi

oui tu peux voir la page de l'inscription ici (la version francaise de mon site n'est pas encore developpe)

www.bahamman.com/inscription
12/02/2010, 09h59
simotaqi

xmlhttprequest.open() problem

pour le fichier js :
www.bahamman.com/js/ajax.js
:ccool::ccool:
12/02/2010, 10h01
E.Bzz

Citation:

Envoyé par simotaqi

je crois que la fonction open n'est pas valide dans FF

Si si :mouarf:

Par contre, je vais pas suivre tes liens : un petit copié/collé serait le bienvenu ;)

A+
12/02/2010, 10h11
simotaqi

:mouarf::mouarf::mouarf:
est ce que tu parle du code html de la page ??

je crois que j'ai envoyé presque tout le code dont l'erreur peut etre contenue
bon, je crois que le principe est clair , non???

le code html généré est seulement un message disant que le nom utilisateur est deja utilisé

et ca marche bien avec internet explorer,
12/02/2010, 10h24
E.Bzz

Citation:

Envoyé par simotaqi

est ce que tu parle du code html de la page ??

Oui, le code généré.

Citation:

Envoyé par simotaqi

je crois que j'ai envoyé presque tout le code dont l'erreur peut etre contenue

Je ne vois pas de code. Que des liens (inutiles ici car le contenu bouge en fonction de tes modifs).

=> un copié/collé de la version que tu veux nous soumettre ?

A+

ok je vais t'envoyer le code :

premierement l'utilisateur ecrit sont nom util dans le input text

Code:

1
2
 
<input name="Username" type="text" id="nomutilisateur" onchange="userResponse();">

alors le changement de la valeur de nomutilisateur va executer la fonction userResponse();

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
 
var req;
function userResponse(){
req=new getXHR();
var url='message.php?username='+document.getElementById('nomutilisateur').value;
req.open("GET",url,true);
req.onreadystatechange=function(){
if(req.readyState==4){
if(req.status==200){
if (document.getElementById('nomutilisateur').value!="" && document.getElementById('nomutilisateur').value!=" "){
document.getElementById('nomuser').innerHTML=req.responseText;
}
else{
document.getElementById('nomuser').innerHTML="entrer nom utilisateur";
}
}
}
else{
document.getElementById('nomuser').innerHTML='Loading...';
}
}
 
req.send(null);
}

si req a change son status en 200
il vas retourner la reponse du code php

le code php(message.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
$dbh='mysql:host=localhost;dbname=nombd;';
try{
$pdo=new PDO($dbh,'util','pass');
$pdo->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);
$cmd="select count(Mat) from membre where Username='".$_GET['username']."'";
foreach($pdo->query($cmd)as $row){
if ($row[0]!=0){
echo ('<font color="#ffffff">ce nom utilisateur est deja utilise</font>');
 
}
else{
echo ('<font color="#ffffff">nom utilisateur accepte</font>');
}
}
}
catch(PDOException $e){
echo $e->getMessage(); 
}
?>

et bien , tu vois le code généré est <font color="#ffffff">nom utilisateur accepte</font>

ou bien
<font color="#ffffff">ce nom utilisateur est deja utilise</font>

selon le cas de $row[0]

12/02/2010, 11h05
E.Bzz

OK

Comme il n'y a pas de problème apparent ailleurs, ça doit être ton getXHR() qui fonctionne mal.
Essaye une autre méthode. Ici par exemple (au hasard) ...

A+
12/02/2010, 11h13
simotaqi
merci de votre aide ...
pourtant j'y vois une chose incomprehensible

Citation:

if(window.XMLHttpRequest){

dans mon code getXHR j'écris:
Code:

1 2 XMLHTTPRequest
en majuscul pour XMLHTTPR

est ce je j'ai une erreur ici???:(:(:(
12/02/2010, 11h17
simotaqi

oui , c'est ca merci beaucoup cher ami !!!
j'ai trouvé l'erreur est ca marche bien mnt

l'erreur est

XMLHTTPRequest en maj

alors que ca doit etre XMLHttpRequest

je vais ajouter une exp aux exp d'ajax

merci beaucoup;););)