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 :

Faire Submit pour récupérer JSON sur même page


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Homme Profil pro
    Urbaniste
    Inscrit en
    Mars 2018
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Aube (Champagne Ardenne)

    Informations professionnelles :
    Activité : Urbaniste

    Informations forums :
    Inscription : Mars 2018
    Messages : 2
    Points : 2
    Points
    2
    Par défaut Faire Submit pour récupérer JSON sur même page
    Bonjour,

    Je souhaites faire un petit script FORM en méthode POST pour aller chercher des informations qui me sont rendues en format JSON, j'ai quelques soucis :
    - Lorsque je 'SUBMIT' mon formulaire il me fait un refresh plutôt embêtant...
    - Si je saisi deux valeurs de suite différentes mon code ne ce rafraichi pas
    - je pense que je suis complétement a cote de la plaque niveau codez

    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
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    <form method="post" >
     
        <div class="row">
            <div class="col-md-6" style="width: 100%;">
                <div class="form-group">
                    <div class="collapse" id="etape2_OK">
                        <div class="row" style="margin-top: 15px;">
                            <div class="col-md-6">
                                <div class="form-group" style="display:table;">
                                    <span class="input-group-addon fa fa-phone"></span>
                                    <input id="test" type="text" name="test" class="form-control" placeholder="test" required="required" data-error=" is required.">
                                    <span class="input-group-btn"><button class="btn btn-default" type="search">Test</button></span>
                                    <div class="help-block with-errors"></div>
                                </div>
     
                            </div>
     
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <?php
    $url = "https://maps.googleapis.com/maps/api/geocode/json?latlng=". $_POST['test'] ."";
    $json = file_get_contents($url);
    $obj = json_decode($json);
    ?>
    <div class="form-group" >
    <?php
    var_dump($obj->results[1]->formatted_address);
    }
    ?>

    ici pour l'exemple j'utilise l'API Google Geocode
    mon objectif final cliquer sur mon boutton submit
    Qu'il aille chercher les info du JSON en live
    Et me restitue dans la même page les infos que je souhaites afficher du JSON

    J'implore votre aide

    Merci par avance,
    Franck

  2. #2
    Expert confirmé Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 529
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 529
    Points : 4 740
    Points
    4 740
    Par défaut
    la bonne syntaxe c'est :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <form  method="post"  action="https://maps.googleapis.com/maps/api/geocode/json">
    en tout cas si tu lance un submit de ton form il va chercher l'attribut action qui y est lié, le code php que tu met à la suite ne compte pas.

    sinon, il faut passer par une requete AJAX, et on ne voit nulle trace de ce type d'instruction JavaScript dans le code que tu présente...
    «La pluralité des voix n'est pas une preuve, pour les vérités malaisées à découvrir, tant il est bien plus vraisemblable qu'un homme seul les ait rencontrées que tout un peuple.» [ René Descartes ] - Discours de la méthode

Discussions similaires

  1. Afficher Résultat d'un JSON sur même page
    Par Julien Lems dans le forum Général Conception Web
    Réponses: 6
    Dernier message: 10/01/2016, 13h33
  2. Réponses: 3
    Dernier message: 31/05/2007, 20h40
  3. créer bouton pour enregistrer BDD sur une page
    Par guimauve dans le forum Access
    Réponses: 3
    Dernier message: 11/07/2006, 11h01
  4. Réponses: 1
    Dernier message: 28/10/2004, 21h27
  5. SNMP et MIB pour récupérer Vlan sur port d'un switch
    Par TigreRouge dans le forum Développement
    Réponses: 3
    Dernier message: 01/07/2004, 11h52

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