如何执行 Ajax GET 请求以从 rails 获取数据并将其传递给 javascript（谷歌地图）？答案

【问题标题】：How to do an Ajax GET request to get data from rails and pass it to javascript(google maps)?如何执行 Ajax GET 请求以从 rails 获取数据并将其传递给 javascript（谷歌地图）？
【发布时间】：2012-07-21 04:39:36
【问题描述】：

我有一个模型 Locations 有两列纬度和经度。我想找到一种方法来获取位置列表并使用 Ajax 和 javascript 将它们传递到谷歌地图。到目前为止我的代码如下：

map.js：

function initialize() 
{   
    var map;
    var latlng = new google.maps.LatLng(37.09, -95.71);
    var options = {
    zoom: 5, 
    center: latlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    disableDefaultUI: true,
    disableDoubleClickZoom: true,
    noClear: true,
    navigationControl: true,
    navigationControlOptions: {
        position: google.maps.ControlPosition.TOP_RIGHT
    }
    };
   map = new google.maps.Map(document.getElementById('map'), options);

   var marker = new google.maps.Marker({
    position: latlng, 
    map: map, 
    title: 'Click me', 
    });
}

locations_controller.rb

def show
    @location = Location.find(params[:id])

    respond_to do |format|
      format.html # show.html.erb
      format.json { render json: @location }
    end
  end

显示地图的页面：

<div id="map" onload="initialize();">
</div>

所以现在我想找到一种从 map.js 发出 AJAX 请求的方法，这样我就可以从 Location 模型中获取位置并将其传递给标记对象，以便在地图加载所有预先存在的位置时将数据库中的标记传递给标记并出现这些标记。

谢谢。

【问题讨论】：

标签： javascript ruby-on-rails ajax google-maps-api-3 ruby-on-rails-3.2

【解决方案1】：

哦，我能够找到获取位置列表的方法。控制器和视图保持不变。

我在 map.js 中添加了以下 ajax，它为我完成了工作。

$.ajax({
        type: "GET",
        dataType: "json",
        url: "/locations",
        success: function(data){}
    });

现在可以将数据传递给谷歌地图中的标记对象。

【讨论】：