Bonsoir,
Je reçois ce message d'erreur :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 ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part {"cod":"400","message":"bad query"}
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" ); }); }
Partager