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] Commande 'onclick' pour executer 2 actions


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Septembre 2008
    Messages
    384
    Détails du profil
    Informations forums :
    Inscription : Septembre 2008
    Messages : 384
    Par défaut [AJAX] Commande 'onclick' pour executer 2 actions
    Bonjour,

    Je cherche à executer 2 actions avec un bouton 'onclick' :

    - envoyer une commande GET
    - puis demander le refresh de la page

    Actuellement le code ci-dessous effectue une action 'GET' et le serveur distant execute bien l'action espérée mais il ne rafraichi pas la page HTML alors qu'avec un simple bouton web le rafraichissement / rechargement de la page s'effectue bien :

    Code avec javascript qui ne rafraichi pas la page après execution :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="button" value="onclick" onClick="newAJAXCommand('index.htm?clr_ev=CLR');">

    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
    function newAJAXCommand(url, container, repeat, data)
    {
    	// Set up our object
    	var newAjax = new Object();
    	var theTimer = new Date();
    	newAjax.url = url;
    	newAjax.container = container;
    	newAjax.repeat = repeat;
    	newAjax.ajaxReq = null;
     
    	// Create and send the request
    	if(window.XMLHttpRequest) {
            newAjax.ajaxReq = new XMLHttpRequest();
            newAjax.ajaxReq.open((data==null)?"GET":"POST", newAjax.url, true);
            newAjax.ajaxReq.send(data);
        // If we're using IE6 style (maybe 5.5 compatible too)
        } else if(window.ActiveXObject) {
            newAjax.ajaxReq = new ActiveXObject("Microsoft.XMLHTTP");
            if(newAjax.ajaxReq) {
                newAjax.ajaxReq.open((data==null)?"GET":"POST", newAjax.url, true);
                newAjax.ajaxReq.send(data);
            }
        }
     
        newAjax.lastCalled = theTimer.getTime();
     
        // Store in our array
        ajaxList.push(newAjax);
    }

    Ici, le code HTML envoi l'action et rafraichi bien la page ensuite :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <form method="get" action="index.htm">
    <input name="clr_ev" type="submit" value="CLR">
    </form>
    Pouvez vous me dire pourquoi le code javascript associé a 'onclick' ne génére pas de rafraichissement de la page ?

    Je vous remercie de votre aide,

  2. #2
    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
    mais il ne rafraichi pas la page HTML
    La question à se poser est : à quel moment demandes-tu à la page de se rafraîchir ?
    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

  3. #3
    Membre éclairé
    Inscrit en
    Septembre 2008
    Messages
    384
    Détails du profil
    Informations forums :
    Inscription : Septembre 2008
    Messages : 384
    Par défaut
    je voudrai que le rafraichissement soit demandé après que l'action GET ai été executée, car le serveur aura modifié les données.

  4. #4
    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
    La question que je posais n'est pas "à quel moment souhaiterais-tu que la page se recharge", mais "à quel moment dans ton code indiques-tu qu'il faut recharger la page". En d'autres termes, il ne faut pas s'étonner qu'il n'y ai pas de rechargement puisque tu n'indiques jamais qu'il faut en faire un.
    La solution est donc de coder le rechargement de la page quand le serveur a envoyé la réponse.
    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

  5. #5
    Membre éclairé
    Inscrit en
    Septembre 2008
    Messages
    384
    Détails du profil
    Informations forums :
    Inscription : Septembre 2008
    Messages : 384
    Par défaut
    Peux tu me montrer comment coder le rechargement de la page lorsque le serveur aura envoyé la réponse ?

    Faut il ajouter cela dans la fonction Ajax ou bien cela peut être rajouté a la commande 'onclick' ?

    En fait je débute vraiment en Ajax et je ne connais le code qui peut permettre un refresh lorsqu'un serveur a répondu.

    Si tu peux me montrer comment procéder ?

Discussions similaires

  1. [Débutant] Comparer deux valeurs pour executer une action sous Stateflow
    Par MrDauvs dans le forum Simulink
    Réponses: 1
    Dernier message: 14/03/2017, 09h10
  2. [Wamp] Erreur : aucun programme n'est associé à ce fichier pour executer cette action
    Par Roty14 dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 1
    Dernier message: 22/05/2012, 19h49
  3. Réponses: 1
    Dernier message: 21/04/2011, 13h14
  4. commande shell pour executer une requête sql
    Par young077 dans le forum Administration système
    Réponses: 4
    Dernier message: 10/07/2009, 02h19
  5. Réponses: 3
    Dernier message: 02/09/2002, 18h49

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