Как я могу получить некоторую информацию API и установить в качестве переменной

Question

Когда я вписываю название города в форму, я хочу, чтобы оно было отправлено в Google Geocode API и получило широту и долготу.Получив широту и долготу, я хочу, чтобы она отправлялась как переменная в DarkSky API и получала информацию о погоде в этом месте.Проблема в том, что я не могу получить местоположение из формы для связи с Geocode и Geocode для объединения с Darksky.

HTML:

<form class="form" method="post" id="searchF">
<div class="search-create">
    <label class="label-search" for="location">Enter a location</label>
    <input type="text" class="form" id="location" placeholder="Location" name="location">
    <button  class="search-button" type="submit">Search</button>
</div>

<?php
if(isset($_POST['location']))
{
    $location = $_POST['location'];
    require 'basic.php';
    require 'allday.php';

}
?>

AJAX:

var forecastData = {
 highTemp: [],
 lowTemp: []
}

var coordinates = {
lat : [],
lng : []
}

$('#location').keyup(function(){
 var location = $('#location').val();
 $.POST('search.php',{location:location},function(data){
   $('location1').html(data);
   console.log(location);
 });
});


$.ajax({
type:"GET",
url:"https://maps.googleapis.com/maps/api/geocode/json?address="+ location + "&key=AIzaSyBBgAUwWtw5w1JMCLU59PZBqqxWZQQA-XE",
responseType:'jsonp',
success:function(data){
  coordinates.lat = data.results[0].geometry.location.lat;
  coordinates.long =data.results[0].geometry.location.lng;
  console.log(coordinates.lat);
  console.log(coordinates.long);
}
});


$.ajax({
type: "GET",
url:"https://api.darksky.net/forecast/c0b53b3f4736c755ca1a97eaa3f7efd4/" + coordinates.lat + "," + coordinates.long,
responseType:'jsonp',
success: function(data) {
  // console.log(data);

  for (i = 0; i < data.daily.data.length; i++) {
    forecastData.highTemp[i] =((data.daily.data[i].apparentTemperatureMax-32)*.5556);
    forecastData.lowTemp[i] = ((data.daily.data[i].apparentTemperatureMin-32)*.5556);
  }

Answer 1

Попробуйте это:

  var coordinates = {
lat : [],
lng : []
}

$('#location').keyup(function(){
     var location = $('#location').val();
    //  $.POST('search.php',{location:location},function(data){
    //    $('location1').html(data);
       console.log(location);

    $.ajax({
    type:"GET",
    url:"https://maps.googleapis.com/maps/api/geocode/json?address="+ location + "&key=AIzaSyBBgAUwWtw5w1JMCLU59PZBqqxWZQQA-XE",
    responseType:'jsonp',
    success:function(data){
      coordinates.lat = data.results[0].geometry.location.lat;
      coordinates.long =data.results[0].geometry.location.lng;
      console.log(coordinates.lat);
      console.log(coordinates.long);



    $.ajax({
    type: "GET",
    url:"https://api.darksky.net/forecast/c0b53b3f4736c755ca1a97eaa3f7efd4/" + coordinates.lat + "," + coordinates.long,
    responseType:'jsonp',
    success: function(data) {
      // console.log(data);

      for (i = 0; i < data.daily.data.length; i++) {
        forecastData.highTemp[i] =((data.daily.data[i].apparentTemperatureMax-32)*.5556);
        forecastData.lowTemp[i] = ((data.daily.data[i].apparentTemperatureMin-32)*.5556);
      }



           }
        });




       }
     });
//    });
});