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] Rafraîchissement de donnée $_POST avec XHR


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Alternance
    Inscrit en
    Juin 2013
    Messages
    21
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Alternance
    Secteur : Transports

    Informations forums :
    Inscription : Juin 2013
    Messages : 21
    Par défaut [AJAX] Rafraîchissement de donnée $_POST avec XHR
    Bonjour,

    Je ne mettrai pas tout mon code, chose fastidieuse de lire l'ensemble.

    Je possède une première page contenant un formulaire (pour saisir des informations de calcul d'itinéraire), et je récupère les données via du JS, qui par la suite envoi ces données sur une page php, qui traite, calcul l'itinéraire et retournent un résultat.

    Tout ça fonctionne correctement 1 fois, lorsque je souhaite modifier une variable pour recalculer le tout, ça ne rafraîchit pas les données $_POST de ma page php de calcul.

    Après une série de test, je sais que ce qui es récupérer par le JS est correct, que la génération du lien est correct.

    Voici un peu de code:

    Une partie du formulaire :
    Code html : 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
    <form action='#' id='myForm' method='POST'>
    	<table class='firstTab'>
    <tr>
    			<td>
    				Heure de départ: 
    			</td>			
     
    			<td>	
    				<input type='time' id='heureCourse' name='heureCourse' value = '12:00' required>
    			</td>
    		</tr>
    <tr>
    			<td colspan=2>
    				<input type="button" onClick="calculItineraire();" value="Calculer l'itinéraire">
    			</td>
    		</tr>
    	</table>

    Voici le JS:
    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
    function calculItineraire(){
    var heureCourse = document.getElementById("heureCourse").value;
    var xhr_object = null;
        if (window.XMLHttpRequest) // Firefox
            xhr_object = new XMLHttpRequest();
        else if (window.ActiveXObject) {// Internet Explorer
            try {
                xhr = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
        }
        else { // XMLHttpRequest non supporté par le navigateur
            alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
            return;
        }
    data ="";
    data += "test=true\&";
    data += "heureCourse="+heureCourse;
    	xhr_object.open("POST", "./modele/calcul_tarif_itineraire.php", true);
    	xhr_object.onreadystatechange = function() {
            if (xhr_object.readyState == 4) {
                var tmp = xhr_object.responseText.split(";");
    			if (typeof(tmp[0]) != "undefined") { // Si la réponse n'est pas vide on récupère les données séparer par un ";" et on modifie les elements avec l'id correspondant.
                   alert(tmp);
    			}
            }
            return xhr_object.readyState;
        };
        xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xhr_object.send(data); // Envoie de la requête
    Voici un peu de mon PHP:
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <?php
    require("trajet.class.php");
    include("../includes/DB.php");
     
    if (count($_POST) == 0) {
        echo 'Aucune donnée n\'a été reçue par "' . basename($_SERVER["PHP_SELF"]) . '"...';
    } else {
        $heureCourse = htmlspecialchars($_POST['heureCourse']).":00";
        echo $heureCourse.';';
    }
    ?>

    Auriez-vous des idées ?

    Cordialement

    Brian

  2. #2
    Membre averti
    Homme Profil pro
    Alternance
    Inscrit en
    Juin 2013
    Messages
    21
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Alternance
    Secteur : Transports

    Informations forums :
    Inscription : Juin 2013
    Messages : 21
    Par défaut
    Des amis m'ont conseillé de passer le XHR avec le JQuerry qu'en pensez-vous?

    Edit:
    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
    $.ajax({
    		url : './modele/calcul_tarif_itineraire.php',
    		type : 'POST',
    		data : url,
    		dataType : 'html',
    		success : function(code_html, statut){
    			var tmp = code_html.split(";");
    			alert(tmp);
    		},
    		error : function(resultat, statut, erreur){
     
    		},
     
    		complete : function(resultat, statut){
     
    		}
        });
    Après ce code, la chose reste récurrente ...

  3. #3
    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,

    data += "test=true\&";
    data += "heureCourse="+heureCourse;
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    data += "test=true&";
    data += "heureCourse="+heureCourse;
    Et vire cette ligne:
    return xhr_object.readyState;
    .

  4. #4
    Membre averti
    Homme Profil pro
    Alternance
    Inscrit en
    Juin 2013
    Messages
    21
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Alternance
    Secteur : Transports

    Informations forums :
    Inscription : Juin 2013
    Messages : 21
    Par défaut
    Bonjour andry.aime

    Merci de ta réponse, effectivement ca aide

    Néanmoins, la solution de JQuerry est aussi fonctionnel.

    Mon problème était élémentaire ! Aussi je m'explique:

    Pour debub , j'utilisai un champ pour visualiser les donnés envoyés. Au début ce champs est vide, donc ça ne pose pas de soucis le lien est générer correctement MAIS ce lien est mis dans le champs.

    Lors de la seconde génération du lien, le 1er lien venait se mettre dans le lien en cours de création. Donc je gardai mes anciennes valeur et ainsi de suite ...

    Voila erreur de débutant, je m'autoflagelle actuellement !

    Merci de l'aide.

  5. #5
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    Bien sur les choses sont plus obscures avec les JQUERY et autres, cependant gardes bien en tête le schéma suivant.

    La page du visiteur, n'est plus rechargée en AJAX, donc elle n'a plus recours au php, encore moins aux sessions, par contre le cookies du domaine du site, est lu et écrit indifféremment en PHP ou en JavaScript.Il peut te servir.

    Pour ma part:
    1) je mettrais des ID aux imput et autres éléments du FORM
    2) le onclic doit appeler une fonction JavaScript qui fera
    * récupérer toutes les valeurs saisies ou a transmettre en POST
    * appeler AJAX
    * récupérer la réponse puis réinjecter toutes tes saisies par
    document.getElementById('LeRetour').innerHTML = MonAjax.responseText; (ou autre)

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

Discussions similaires

  1. [AJAX] Récupération d'un attribut avec XHR
    Par mio_018 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 06/10/2008, 11h30
  2. [AJAX] Appolo 13 - Fuite mémoire avec XHR
    Par mecatroid dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 24/09/2007, 14h52
  3. Réponses: 2
    Dernier message: 11/06/2007, 19h46
  4. [AJAX] Passer des données avec caracteres speciaux
    Par linar009 dans le forum Général JavaScript
    Réponses: 21
    Dernier message: 10/01/2007, 11h42
  5. [AJAX] saisie automatique en rapport avec des données mysql
    Par redwire dans le forum Général JavaScript
    Réponses: 15
    Dernier message: 01/10/2006, 11h45

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