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] Fonction xhr


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    62
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 62
    Par défaut [AJAX] Fonction xhr
    Bonjour,

    J'ai crée un panier mais lorsque je clique sur le lien pour exécuter mes 2 fonctions desfois la div ne s'actualise pas mais si j'actualise la page le produit est dans le panier je ne c'est pas d'ou pourrait venir le problème , souvent sa marche ...

    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
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    <script type="text/javascript">
    /*************************************************
     
    	Fonction de definition de l'object xhr
     
    **************************************************/
     
    function new_xhr(){
     
    	var xhr_object = null;
     
    	if(window.XMLHttpRequest) // Firefox et autres
     
    	   xhr_object = new XMLHttpRequest();
     
    	else if(window.ActiveXObject){ // Internet Explorer
     
    	   try {
     
                    xhr_object = new ActiveXObject("Msxml2.XMLHTTP");
     
                } catch (e) {
     
                    xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
     
                }
     
    	}
     
    	else { // XMLHttpRequest non supporté par le navigateur
     
    	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
     
    	   xhr_object = false;
     
    	}
     
    	return xhr_object;
     
    }
     
    /*****************************************************
     
    	Fonction qui va modifier la viriable de session
     
    ******************************************************/
     
    function change_var(str, str2) {
     
    	var xhr2 = new_xhr();//On crée un nouvel objet XMLHttpRequest
     
    	xhr2.open("GET", "http://www.avenue-des-affaires.com/pan2/panier.php?action=ajout&p=1&l="+str+"&q="+str2, true);//Appel du fichier externe
     
    	xhr2.send();
     
    }
     
    /////////////////////
    function callScript ( scriptName, args ){
     
    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;
    }
     
    xhr_object.open("POST", scriptName, true);
     
    xhr_object.onreadystatechange = function() {
    if(xhr_object.readyState == 4) {
    //alert(xhr_object.responseText); // DEBUG MODE
    //document.write(xhr_object.responseText);
    var div = document.getElementById('contenu');
    div.innerHTML = xhr_object.responseText;
    }
     
    //alert(xhr_object.readyState);
    return xhr_object.readyState;
    }
     
    xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
     
    xhr_object.send(args);
     
    } 
    ////////
      </script>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <p><a href="#" onclick= "change_var( <?php echo ($idproduit.",1");?>);callScript('paniertext.php','path=toto');return false;">ajouter un produit</a> </p>
    Pouvez vous m'aider je m'y connais pas trop je suis désoler

  2. #2
    Inactif  

    Homme Profil pro
    développeur Vala
    Inscrit en
    Février 2011
    Messages
    478
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Cher (Centre)

    Informations professionnelles :
    Activité : développeur Vala
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2011
    Messages : 478
    Par défaut
    bonsoir
    ta façon de récupérer l'objet xhr est différente de la mienne :
    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
     
    function getXMLHttpRequest() {
    	var xhr = null;
     
    	if (window.XMLHttpRequest || window.ActiveXObject) {
    		if (window.ActiveXObject) {
    			try {
    				xhr = new ActiveXObject("Msxml2.XMLHTTP");
    			} catch(e) {
    				xhr = new ActiveXObject("Microsoft.XMLHTTP");
    			}
    		} else {
    			xhr = new XMLHttpRequest(); 
    		}
    	} else {
    		alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
    		return null;
    	}
    	return xhr;
    }
    puis dans ta fonction change_var
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    function change_var(str , str2)
    {
    var xhr = getXMLHttpRequest();
     
    xhr.onreadystatechange = function() {
    	if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
    		document.getElementById(taDiv).innerHTML = "trucmuche" // ici s'exécute le code si la requête fonctionne ! :)
    	}
    };
    ;
    xhr.open("GET", "http://www.avenue-des-affaires.com/pan2/panier.php?action=ajout&p=1&l="+str+"&q="+str2, true);
    xhr.send(null);
    }

  3. #3
    Inactif  

    Homme Profil pro
    développeur Vala
    Inscrit en
    Février 2011
    Messages
    478
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Cher (Centre)

    Informations professionnelles :
    Activité : développeur Vala
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2011
    Messages : 478
    Par défaut
    bien sur, à la place du innerHTML, tu peux récupérer xhr.responseText, qui est la valeur texte du résultat de ton code php
    ceci doit être le format du document php si tu veux retourner du texte à ton javascript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <?php
    header('content-type: text/plain');
    /*
    place ton code php ici :)
    */
    echo $toto // ou tout autre variable que tu souhaite afficher
    ?>

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    62
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 62
    Par défaut
    Salut

    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
    function getXMLHttpRequest() {
    	var xhr = null;
     
    	if (window.XMLHttpRequest || window.ActiveXObject) {
    		if (window.ActiveXObject) {
    			try {
    				xhr = new ActiveXObject("Msxml2.XMLHTTP");
    			} catch(e) {
    				xhr = new ActiveXObject("Microsoft.XMLHTTP");
    			}
    		} else {
    			xhr = new XMLHttpRequest(); 
    		}
    	} else {
    		alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
    		return null;
    	}
    	return xhr;
    }
     
    function change_var(str , str2)
    {
    var xhr = getXMLHttpRequest();
     
    xhr.onreadystatechange = function() {
    	if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
    		document.getElementById(contenu).innerHTML = "" // ici s'exécute le code si la requête fonctionne ! :)
    	}
    };
    xhr.open("GET", "http://www.avenue-des-affaires.com/pan2/panier.php?action=ajout&p=1&l="+str+"&q="+str2, true);
    xhr.send(null);
    }
    j'ai modifier le code comme ceci est ça ne fonctionne pas es que j'aurais sauter une etape ? Merci de ton aide

  5. #5
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour,

    Dans l'appel de la fonction, tu n'as qu'un seul paramètre.
    document.getElementById(contenu).innerHTML = ""
    contenu est déclaré où?

    A+.

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    62
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 62
    Par défaut reponse
    Bonjour

    je tien a remercier a ceux qui mon aider pour ce problème , j'ai trouver d’où venais ce problème ci bête ...

    J'avais tout simplement supprimer la div "contenu" lors de la modification de mon code de mon premier poste ...

    Je voulais savoir par contre lorsque je clique sur mon lien la page remonte est il possible d’exécuter le lien sans remonter cette page ?

    Merci a tous

  7. #7
    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
    Citation Envoyé par rotrevrep Voir le message
    bonsoir
    ta façon de récupérer l'objet xhr est différente de la mienne :
    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
     
    function getXMLHttpRequest() {
    	var xhr = null;
     
    	if (window.XMLHttpRequest || window.ActiveXObject) {
    		if (window.ActiveXObject) {
    			try {
    				xhr = new ActiveXObject("Msxml2.XMLHTTP");
    			} catch(e) {
    				xhr = new ActiveXObject("Microsoft.XMLHTTP");
    			}
    		} else {
    			xhr = new XMLHttpRequest(); 
    		}
    	} else {
    		alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
    		return null;
    	}
    	return xhr;
    }
    Oui, mais ta façon n'est pas à jour

    Actuellement, parmi les navigateurs "courants", seul IE6 ne reconnait pas l'objet natif XMLHttpRequest.
    Il est donc plus correct de privilégier cet appel en réservant l'activeX aux seuls utilisateurs du navigateur obsolète !
    Donc la seconde () version du premier script présenté :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    if(window.XMLHttpRequest)
    xhr_object = new XMLHttpRequest();
    else if(window.ActiveXObject) // Internet Explorer 6
    xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
    else { // XMLHttpRequest non supporté par le navigateur
    alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
    me semble amplement suffisante, à l'exception du alert() : les utilisateurs s'en foutent royalement de savoir si leur navigateur supporte ou non les objets XMLHttpRequest, j'imagine même que la très large majorité ne sait même pas ce que c'est !
    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

  8. #8
    Inactif  

    Homme Profil pro
    développeur Vala
    Inscrit en
    Février 2011
    Messages
    478
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Cher (Centre)

    Informations professionnelles :
    Activité : développeur Vala
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2011
    Messages : 478
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Oui, mais ta façon n'est pas à jour
    ...
    Merci !
    j'en prends bonne note .

Discussions similaires

  1. [AJAX] fonction xhr.onreadystatechange
    Par dimainfo dans le forum AJAX
    Réponses: 1
    Dernier message: 28/05/2009, 14h59
  2. [AJAX] Fermer XHR si délai dépassé
    Par Ryu007 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 28/03/2007, 16h36
  3. [AJAX] Plusieurs xhr dans un script ?
    Par pc.bertineau dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 01/03/2007, 15h11
  4. [AJAX] fonction js
    Par Empty_body dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 22/11/2006, 16h42
  5. fonction xhr.send
    Par Phenomenium dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 01/03/2006, 11h51

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