Поиск геокодера завершается ошибкой, когда вместо submit_tag в rails используется jquery submit()

Я создаю приложение-локатор для некоторой практики в Ruby on Rails, и я хочу переключить свою форму поиска местоположения с использования драгоценного камня геокодера на вызов javascript на стороне клиента.

Вызов javascript на стороне клиента работает и помещает широту и долготу в скрытые поля с помощью функции geocodeAddress().

Но когда я удаляю исходную кнопку submit_tag и заменяю ее на geocodeAddressAndSubmit(), значения скрытых полей не используются, и поиск больше не возвращает результатов.

Возможно ли, что это отправка формы во второй раз и сброс условий поиска?

Любые указатели? Спасибо!

Методы JavaScript

var client_geocoder;
function initialize() {
  client_geocoder = new google.maps.Geocoder();
}

function geocodeAddress() {
  var address = document.getElementById('address').value;
  client_geocoder.geocode( { 'address': address}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      $('#search_location_lat').val(results[0].geometry.location.lat());
      $('#search_location_lng').val(results[0].geometry.location.lng());
    } else {
      alert('Geocode was not successful for the following reason: ' + status);
    }
  });
}

function geocodeAddressAndSubmit() {
  geocodeAddress();
  $('#search_form').submit();
}

Форма поиска в Rails View

<div id="panel" >
<input id="address" type="textbox" placeholder="Place, Address or Zipcode">
  <%= form_tag locations_path, id: 'search_form', method: :get do %>
    <%= hidden_field_tag "search_location[lat]" %> 
    <%= hidden_field_tag "search_location[lng]" %> 
    <%= label :distance, "Distance: " %>
    <%= select_tag :distance, options_for_select([["1 mi", 1], ["2 mi", 2], ["5 mi", 5], ["10 mi", 10]]) %>
  <% end %>
  <input type="button" value="Search" onclick="geocodeAddressAndSubmit()">
  <%= link_to "Clear Search", root_path %>
</div>

Метод Index в Rails Controller

def index
    coordinates = params[:search_location].values if params[:search_location].present?
    @locations = Location.search_and_show(
        coordinates,
        params[:distance],
        (current_user.admin if current_user)
    )
end

** Консоль Rails при отправке текущей формы **

Started GET "/locations?

    utf8=%E2%9C%93&search_location%5Blat%5D=&search_location%5Blng%5D=&distance=1" for 10.0.2.2 at 2014-11-22 00:15:37 +0000
    Processing by LocationsController#index as HTML
      Parameters: {"utf8"=>"✓", "search_location"=>{"lat"=>"", "lng"=>""}, "distance"=>"1"}
      Location Load (0.9ms)  SELECT locations.*, 3958.755864232 * 2 * ASIN(SQRT(POWER(SIN((0.0 - locations.latitude) * PI() / 180 / 2), 2) + COS(0.0 * PI() / 180) * COS(locations.latitude * PI() / 180) * POWER(SIN((0.0 - locations.longitude) * PI() / 180 / 2), 2))) AS distance, MOD(CAST((ATAN2( ((locations.longitude - 0.0) / 57.2957795), ((locations.latitude - 0.0) / 57.2957795)) * 57.2957795) + 360 AS decimal), 360) AS bearing FROM "locations"  WHERE (locations.latitude BETWEEN -0.014473178311084797 AND 0.014473178311084797 AND locations.longitude BETWEEN -0.014473178311084797 AND 0.014473178311084797 AND (3958.755864232 * 2 * ASIN(SQRT(POWER(SIN((0.0 - locations.latitude) * PI() / 180 / 2), 2) + COS(0.0 * PI() / 180) * COS(locations.latitude * PI() / 180) * POWER(SIN((0.0 - locations.longitude) * PI() / 180 / 2), 2)))) BETWEEN 0.0 AND '1') AND "locations"."public" = 't'  ORDER BY distance ASC
    Redirected to http://0.0.0.0:3000/
    Completed 302 Found in 4ms (ActiveRecord: 0.9ms)


    Started GET "/" for 10.0.2.2 at 2014-11-22 00:15:38 +0000
    Processing by LocationsController#index as HTML
      Location Load (0.4ms)  SELECT "locations".* FROM "locations"  WHERE "locations"."public" = 't'
      Rendered locations/index.html.erb within layouts/application (1.8ms)
    Completed 200 OK in 394ms (Views: 391.3ms | ActiveRecord: 0.4ms)

ruby-on-rails javascript jquery rails-geocoder
person Tien Yuan    schedule 22.11.2014    source источник
comment
все, что вы делаете, это отправляете форму, используя процесс отправки браузера по умолчанию, и вызываете перезагрузку страницы. Вероятно, вы хотите отправить форму с помощью ajax и предотвратить отправку по умолчанию.   -  person charlietfl    schedule 22.11.2014
comment
благодаря. вместо того, чтобы писать другую функцию отправки, я вместо этого переместил отправку   -  person Tien Yuan    schedule 22.11.2014

Ответы (1)


arrow_upward
0
arrow_downward

Исправлено перемещением отправки формы в функцию geocoderAddress().

Кто-то еще более умный заметил, что это асинхронный запрос, и форма не должна быть отправлена ​​до тех пор, пока API Карт Google не ответит и скрытые поля не будут заполнены.

Текущий JS

var client_geocoder;
function initialize() {
  client_geocoder = new google.maps.Geocoder();
}

function geocodeAddressThenSubmit() {
  var address = document.getElementById('address').value;
  client_geocoder.geocode( { 'address': address}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      $('#search_location_lat').val(results[0].geometry.location.lat());
      $('#search_location_lng').val(results[0].geometry.location.lng());
      $('#search_form').submit();
    } else {
      alert('Geocode was not successful for the following reason: ' + status);
    }
  });
}
person Tien Yuan    schedule 22.11.2014