Bonsoir,

Je reçois ce message d'erreur :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
{"cod":"400","message":"bad query"}
car j'ai changer la valeur qui était en dur sur cette ligne : var url = "http://api.openweathermap.org/data/2.5/weather?q="+queryLoc+"&APPID=58b98cab72465e9c2fb8a950623b8f03" par ma variable queryLoc et sa ne fonctionne plus, avez vous une idée ?

voici mes deux fichier source je pense que c'est correct ? en dur sa fonctionne "London,uk" dans mon lien mes pas avec "+queryLoc+"

index.html

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
    <html>
        <head>
            <title>Tuto Meteo</title>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
            <script src="meteo.js"></script>
        </head>
        <body>
            <input id="queryLoc" type="text" value="London,uk" />
            <input type="button" value="APPEL API METEO" onclick="buttonClickGet()" />
            <p id="zone_meteo">toto</p>
        </body>
    </html>

meteo.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
var callBackGetSuccess = function(data)  {
    console.log("donnees api", data)
    //alert("Meteo temp : " + data.main.temp);
    var element = document.getElementById("zone_meteo");
    element.innerHTML = "La temperature est de " + data.main.temp;
}
 
function buttonClickGet()  {
    var queryLoc = document.getElementById("queryLoc").Value;
 
    var url = "http://api.openweathermap.org/data/2.5/weather?q="+queryLoc+"&APPID=58b98cab72465e9c2fb8a950623b8f03"
 
    $.get(url, callBackGetSuccess).done(function() {
        //alert( "second success" );
    })
    .fail(function() {
        alert( "error" );
    })
    .always(function() {
        //alert( "finished" );
    });
}