Hotfix: weatherRequest getCityName -POST serialize

php/getWeatherJson.php

@@ -14,7 +14,7 @@ $_SESSION['LAST_CALL'] = date("Y-m-d h:i:s");
  
 include 'keyVariable.php';
 ini_set("allow_url_fopen", 1);
-$cityName = $_COOKIE['city'];
+$cityName = htmlspecialchars($_POST['city']);
 $url = 'https://api.openweathermap.org/data/2.5/weather?q='.$cityName.'&lang=fr&units=metric&appid='.$apiWeather;
 $json = file_get_contents($url);
 // $obj = json_decode($json); 

scripts/executeFunction.js

@@ -8,15 +8,16 @@ $(function () {
         }
     });
 
-    $("#submitWeatherRequest").click(() => {
+    $("#submitWeatherRequest").click((event) => {
+        event.preventDefault();
         const city = $('#cityName').val();
         const cityName = city.split(' ').join('+');
+        const data = `city=${cityName}`; 
         if(isEmptyValue(cityName)) {
             $('.results').html(emptyMessageError);
         }
         else {
-            createSessionCookie("city", cityName); 
-            weatherRequest();
+            weatherRequest(data);
         }
     });
 

scripts/fonctions_principales.js

@@ -12,10 +12,11 @@
  * @example  
  * Ajoute au DOM de la page dans la div .results, la météo de la ville demandée.
  */ 
-function weatherRequest() {
+function weatherRequest(cityData) {
     $.ajax({
+        type: 'POST',
         url: '/php/getWeatherJson.php', 
-        type: "POST",
+        data: cityData,
             success: function(data) {
                 try {
                     const json = jQuery.parseJSON(data);

views/function-views/weatherRequest.php

@@ -16,9 +16,10 @@
     <div class="text-center">
       <img class="function-image" src="/img/function-image/weatherRequest.png" alt="Météo">
     </div>
+    <form id="weatherForm" action="#" method="POST">
       <div class="form-group">
         <label for="cityName">Entrez le nom d'une ville :</label>
-          <input name="cityName" type="text" id="cityName" placeholder="(e.g : Paris, FR)" class="form-control">
+            <input name="city" type="text" id="cityName" placeholder="(e.g : Paris, FR)" class="form-control">
             <br>
             <div class="form-row text-center">
                 <div class="col-12">
@@ -29,6 +30,7 @@
         <p class="results text-center"></p>
         </div>
       </div>
+  </form>
 </main>
 
 <!-- Footer -->