IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

[AJAX] Utilisation de XMLHTTPREQUEST


Sujet :

AJAX

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2009
    Messages
    98
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2009
    Messages : 98
    Par défaut [AJAX] Utilisation de XMLHTTPREQUEST
    Bonjour,

    J'utilise un formulaire faisant appel à la fonction javascript ajouter_activite lors de l'appuie sur un bouton.

    Voici la partie javascript de ce formulaire qui est intéressante pour mon problème :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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
     
    function getXhr(){
    				var xhr = null; 
    				if(window.XMLHttpRequest) // Firefox et autres
    				   xhr = new XMLHttpRequest(); 
    				else if(window.ActiveXObject){ // Internet Explorer 
    				   try {
    			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
    			            } catch (e) {
    			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
    			            }
    				}
    				else {  
    				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest, mettez a jour votre navigateur"); 
    				   xhr = false; 
    				} 
                    return xhr;
    			}
     
    function ajouter_activite(){
    				var xhr_ajout_activite = getXhr();
    				xhr_ajout_activite.onreadystatechange = function(){
    					if(xhr_ajout_activite.readyState == 4 && xhr_ajout_activite.status == 200){
    						//leselect = xhr_ajout_activite.responseText;						
    						//document.getElementById('niveau').innerHTML = leselect;
    						alert("ok changement detecte");
    					}
    				}
    				xhr_ajout_activite.open("POST","http://localhost/bacasable/includes/mesincludes/ajouterActivite.php",true); 
    				xhr_ajout_activite.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    				sel = document.getElementById('activite2');
    				idniveau = sel.options[sel.selectedIndex].value;
    				xhr_ajout_activite.send("idNiveau="+idniveau);					
    			}
    Voici le formulaire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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
     
    <label>Type :</label>
    	<select name='auteur' id='auteur' onchange='affichage_categorie()'>
    		<option value='-1'>Choisir un type</option>
    			<?php
                                            $res = mysql_query("SELECT * FROM jos_comprofiler_field_values WHERE fieldid=67 ORDER BY fieldtitle");
                                            while($row = mysql_fetch_assoc($res)){                                                  //
                                                            echo "<option value='".$row["fieldvalueid"]."'>".$row["fieldtitle"]."</option>";
                                            }
                                    ?>
    		</select>						
    	<br/>
    	<label>Categorie :</label>
    	<div id='categorie' style='display:inline'>
    		<select name='categorie'> <option value='-1'>Choisir une categorie</option>	</select> 
    	</div>	
    	<br/>
    	<label>Activite :</label>
    	<div id='activite' style='display:inline'>
    		<select name='activite'> <option value='-1'>Choisir une activite</option> </select> 
    	</div>				
    	<br/>
    	<label>Niveau :</label>
    	<div id='niveau' style='display:inline'>
    		<select name='niveau'> <option value='-1'>Choisir un niveau</option></select>
    	</div>
    <div class="form_item">
    		<div class="form_element cf_button">
    		<input value="Ajouter" name="button_0" type="button" OnClick="ajouter_activite()"; />
    	</div>
      <div class="cfclear">&nbsp;</div>
    </div>
    J'utilise xhtmlhttprequest pour faire passer plusieurs varialbles javascript dans un fichier php ajouterActivite.php.

    Le problème ici est que ajouterActivite.php n'est jamais appellé. Le message "ok changement detecte" apparait bien cependant. Comment faire pour que l'appel au fichier ajouterActivite se fasse correctement ?

  2. #2
    Modérateur
    Avatar de sabotage
    Homme Profil pro
    Inscrit en
    Juillet 2005
    Messages
    29 208
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations forums :
    Inscription : Juillet 2005
    Messages : 29 208
    Par défaut
    Ton code semble correct.
    Qu'est ce qui te fais dire que la page n'est pas appellé ? Tu devrais peut etre afficher la réponse de la page pour voir ce qui se passe.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    alert(xhr_ajout_activite.responseText);
    N'oubliez pas de consulter les FAQ PHP et les cours et tutoriels PHP

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Le message "ok changement detecte" apparait bien cependant
    Ce qui veut dire que ta page est bien appelée
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2009
    Messages
    98
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2009
    Messages : 98
    Par défaut
    Merci pour votre aide.

    Ton instruction a permis de me rendre compte que mon fichier ajouterActivite.php était buggé.

    Après résolution de l'erreur ça marche très bien, merci.

    Il faudra que je me serve de cette instruction à l'avenir pour débugger.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [AJAX] Utilisation XMLHttpRequest
    Par DJERO77 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 02/08/2007, 10h27
  2. [AJAX] utilisation de abort dans xmlHttprequest
    Par Christophe Charron dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 06/02/2007, 14h56
  3. [AJAX] Utilisation AJAX
    Par topolino dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 14/02/2006, 09h30
  4. [AJAX] Utilisation AJAX
    Par illegalsene dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 24/01/2006, 11h55
  5. [PHP] Utilisation de XmlHttpRequest
    Par siddh dans le forum XML/XSL et SOAP
    Réponses: 2
    Dernier message: 17/11/2005, 07h47

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo