Discussion :

[franckisys]

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 :

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

[Nb]

Lorsque je 'SUBMIT' mon formulaire il me fait un refresh plutôt embêtant...

C'est embettant mais c'est son role. Si tu veux faire des requetes asynchrones il faut te tourner vers le javascript et plus particulierement vers de l'ajax qui te permettra de lancer tes requetes de manières asynchrones et de manipuler le dom pour y inserer les resultats des requetes en question.
En js l'ajax se fait avec l'objet XMLHttpRequest. Soit tu l'utilise directement, soit tu utilise une librairie ou un framework js quelconque qui encapsule cet objet (ils le font tous).