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

JavaScript Discussion :

[AJAX] Ajax sous internet explorer 7


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 6
    Par défaut [AJAX] Ajax sous internet explorer 7
    Bonjour,

    alors voila j'ai vouu faire un petit test tres simple avec de l'ajax, le code marche tres bien sous firefox, mais pas sous ie7, reconnaissais vous ce type de probleme : il ne se passe strictement rien sous ie 7...

    vous pouvez constater par vous meme : http://prisonbreaklew.free.fr/testajax/progress2.php

    voila... merci d'avance a tous !!

    mon code :
    progress2.php:
    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
     
     
    <script type="text/javascript" language="javascript">
    /*
        Construit la requête xmlHttpRequest 
    */
    function test() {
     
        var xhr = null;
     
    	if(window.XMLHttpRequest) // Firefox
    		xhr = new XMLHttpRequest();
    	else if(window.ActiveXObject) // Internet Explorer
    		xhr = new ActiveXObject("Microsoft.XMLHTTP"); 
    	else 
    	{ // XMLHttpRequest non supporté par le navigateur
    		alert("Erreur");
    		return;
    	}
     
     
         xhr.onload=tcb; ////la fonction de rappel qui gère la réponse du serveur
        //la requête est envoyé en mode asynchrone(paramètre true) pour éviter de geler le navigateur
         xhr.open("GET","test.php",true);
         xhr.send(null);
    }
     
    function tcb() {
     
       var repXhr=this.responseText; //récupération de la réponse du serveur via l'objet xmlHttpRequest (this)
       document.getElementById("fr").innerHTML = "ça marche !!!" + repXhr;
     
    }
    </script>
    <span
        style="cursor: pointer; text-decoration: underline"
        onclick="test()">
            Effectuer une requête
    </span>
    <div id="fr">
    </div>
    test.php:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    <?php
    header('Content-type: text/plain; charset=UTF-8');
     
     
        echo (" One two");
            exit;
     
     
     
    ?>

  2. #2
    Membre à l'essai
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 6
    Par défaut
    en fait je crois que le probleme viens du onload... kelk'un a une idée ???

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Juillet 2002
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2002
    Messages : 11
    Par défaut
    remplace ton xht.onload par ca :

    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
     
    xhr.onreadystatechange = function() { 
    	//on affiche la barre de progression
    	try {
    		if (xhr.readyState == 4) {
    			if (xhr.status == 200) {
    				tcb(xhr.responseText);
    			}else{
    				alert("Une erreur est survenue sur la page PHP");
    			}
    		}else{
    			alert("Transfert en cours : "+ xhr.readyState);
    		}
    	catch( e ) {
    		alert("Ca ne marche pas")
    	}
    }
    Tschaoo

  4. #4
    Membre à l'essai
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 6
    Par défaut re
    ben j'ai essayé et plus rien ne marche meme sous fireFoxe ... par contre sa marche avec ces deux lignes :

    xhr.onload=tcb;
    xhr.onreadystatechange =tcb;

    a la place de :
    xhr.onload=tcb; seul

  5. #5
    Membre habitué
    Profil pro
    Inscrit en
    Juillet 2002
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2002
    Messages : 11
    Par défaut
    Salut,
    Avec tes deux lignes la fonction tcb est appellé 4 fois, car la propriété onreadystatechange possède quatres status, c'est a dire que pendant ta demande xhr la fonction tcb est appellé 4 fois et c'est seulement lors du dernier état avec valeur 4 que ton div recoit des données.

    Apparemment tu sais que ca ne fonctionne pas, mais tu as pas cherché a faire un débugage pas a pas, c'est la base dans Javascript.

    Tu ne pourras résoudre l'erreur si tu ne sais pas ou elle se trouve.
    Utilise des alert, j'ai modifié ton code avec ceci test pour voir :

    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
     
    // JavaScript Document
    function getHttp_Request(){
     
    	var http_request = false;
     
    	if (window.XMLHttpRequest) { // Mozilla, Safari,...
    		http_request = new XMLHttpRequest();
    		if (http_request.overrideMimeType) {
    			http_request.overrideMimeType('text/html; charset=utf-8');
    			// Voir la note ci-dessous à propos de cette ligne
    		}
    	} else if (window.ActiveXObject) { // IE
    		try {
    			http_request = new ActiveXObject("Msxml2.XMLHTTP");
    		} catch (e) {
    			try {
    				http_request = new ActiveXObject("Microsoft.XMLHTTP");
    			} catch (e) {}
    		}
    	}
     
    	if (!http_request) {
    		alert('Abandon :( Impossible de cr&eacute;er une instance XMLHTTP');
    		return false;
    	}else{
    		return http_request;
    	}
     
    }
     
     
    function test() {
     
    	//xhr.onload=tcb; ////la fonction de rappel qui gère la réponse du serveur
    	xhr = getHttp_Request();
    	if(xhr){
    		xhr.onreadystatechange = function() { 
    		//on affiche la barre de progression
    		try {
    			if (xhr.readyState == 4) {
    				if (xhr.status == 200) {
    					tcb(xhr.responseText);
    				}else{
    					alert("Une erreur est survenue sur la page PHP");
    				}
    			}else{
    				alert("Transfert en cours : "+ xhr.readyState);
    			}
    		catch( e ) {
    			alert("Ca ne marche pas erreur cotée JS client");
    		}
    	}
    	//la requête est envoyé en mode asynchrone(paramètre true) pour éviter de geler le navigateur
    	xhr.open("GET","test.php",true);
    	xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=utf-8");
    	xhr.setRequestHeader("Content-length", parameters.length);
    	xhr.setRequestHeader("Connection", "close");
    	xhr.send(null);
    	}
     
     
    }
     
    function tcb(texte) {
    	document.getElementById("fr").innerHTML = "ça marche !!!" + texte;
     
    }
     
     
    //demarrage
    test();
    Bonne soirée
    fross

  6. #6
    Membre à l'essai
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 6
    Par défaut
    Merci sa marche

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

Discussions similaires

  1. [AJAX] Ajax ne fonctionne pas sous internet explorer
    Par Bhaalrock dans le forum AJAX
    Réponses: 1
    Dernier message: 11/10/2013, 13h55
  2. [CSS] Supprimer espace entre 2 div sous Internet explorer
    Par Torpedox dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 30/12/2005, 16h41
  3. Problème de calque transparent sous internet explorer
    Par Fred333.ver dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 16/12/2005, 11h40
  4. pb de rollover sous internet explorer
    Par gofono_bass dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 09/12/2005, 07h05
  5. Texte qui disparait sous internet explorer.
    Par Death83 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 14/08/2005, 02h55

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