Параметры не могут быть прочитаны из запроса Ajax get в моем контроллере

Question

Я пытаюсь отправить долготу и широту от моего взгляда моему контроллеру. Однако в моем контроллере его нет.

Вот вид

        fetch(`https://api.mapbox.com/geocoding/v5/mapbox.places/${query}.json?access_token=pk.eyJ1Ijoiam9ubnlwZWluIiwiYSI6ImNrN2c3aDFjZjA4OG4zZW8yZ3ozcjF4bWQifQ.8PT8uVs7CsaJU5PNDLZdHw`)
      .then(response => response.json())
      .then((data) => {
        const lon = data.features[0].geometry.coordinates[0];
        const lat = data.features[0].geometry.coordinates[1];
         displayMap(lat, lon);

         $.ajax({
          url: "/set_location",
          data: {"lon": lon, "lat": lat},
          type: "GET",
          success: function (data) {
              console.log(data);
          }
      });
      });

      };


      // Event Trigger
      submit.addEventListener("submit", (event) => {
        event.preventDefault();
        const input = document.querySelector('.form-control');
        fetchMap(input.value);
      });

submit.addEventListener("submit", (event) => {
        event.preventDefault();
        const input = document.querySelector('.form-control');
        fetchMap(input.value);
      });

Контроллер ниже

def set_location
    Client.last.lat = params[:lat]
    Client.last.lon = params[:lon]

    { 'lat': params[:lat], 'lon': params[:lon] }
  end

Любая помощь будет принята с благодарностью! !