2

所以我正在关注这个过时的关于使用带有 rails 3 beta 的 jquery-ui 滑块的教程，因为它是我发现的唯一一个。

我的观点有剧本

<p>
  <p>Showing all stocks between <span id="x_low_selected"><%= @price_range.first %></span> and <span id="x_high_selected"><%= @price_range.last %></span></p>
</p>
<div id="x_slider"></div>
<ul id="x_stock_list">
<%= render 'map' %>
</ul>
<script type="text/javascript">
  $(function() {
  $("#x_slider").slider( { 
    range: true,
    step: 1,
    max: <%= @price_range.last %>,
    min: <%= @price_range.first %>,
    values: [<%= @price_range.first %>, <%= @price_range.last %> ],
    stop: function(event, ui) {
    var prices = $('#x_slider').slider('option', 'values');
    $('#x_low_selected').html(prices[0]);
    $('#x_high_selected').html(prices[1]);
    $.ajax({
        url: 'http://localhost:3000/users',
        type: "GET",
        data: { low: prices[0], high: prices[1] },
        dataType: 'json'
    });
   }
  });
});
</script>

价格模型法

def self.low_high_prices
  [User.minimum(:start), User.maximum(:end)]
end

以及 ajax 应该调用的控制器中的 index 方法

def index
  @users = User.all
  unless params[:low] && params[:high]
    @users = User.all
    @json = User.all.to_gmaps4rails do |user, marker|
    marker.infowindow "<a href=/users/#{user.id}> #{user.name} </a>"
    marker.title user.name
  end
else
  @json = User.where("start >= params[:low] AND end <= params[:high]).to_gmaps4rails do |user, marker|
    marker.infowindow "<a href=/users/#{user.id}> #{user.name} </a>"
    marker.title user.name
  end
end
@price_range = User.low_high_prices
  respond_to do |format|
    format.html # index.html.erb
    format.json { render json: @users }
  end
end

有谁知道为什么当滑块停止滑动时没有将 ajax 调用发送到控制器？不确定我是否可以使用 :remote => true 因为滑块是在 div 内生成的。

谢谢

另外我目前正在使用带有 ruby​​ 1.9.7 的 rails 3.2

4

1 回答 1

2

我猜你的电话正在通过控制器，并且控制器正在返回 JSON 数据。

问题是您的$.ajax呼叫对收到的 JSON 数据没有任何作用。

您需要添加一个回调函数来处理在 ajax 调用中以某种方式传回的 JSON 数据：

$.ajax({
    url: 'http://localhost:3000/users',
    type: "GET",
    data: { low: prices[0], high: prices[1] },
    dataType: 'json',
    success: function (data) {
        alert("Success: " + data);
        //do something with the data here.
    }
});

此外，查看控制器代码，它只会传回@usersJSON 数据中的内容，而不是内容@json或其他任何内容 - 不确定这是否是您的意图。

于 2012-10-15T22:09:44.043 回答