0

我有这样的jQuery代码:

jQuery(function($) {
  $(document).ready(function () {
    $('.lol').each(function(index) {
      console.log("#"+$(this).attr("id"));
      $.ajax({ 
        url: "/articles/get_prices/nr="+$(this).attr("nr")+"&br="+$(this).attr("br")+"&type="+$(this).attr("type"), 
        type: "GET", 
        data: {},
        success: function(text)
        {
          $("#"+$(this).attr("id")).html(text);
        },
        error: function(){
          alert('Ошибка javascript');
        },
        dataType : "html"
      });
    });
  });
});

和这样的haml代码

.box{:id => art.ART_ARTICLE_NR.gsub(/[^0-9A-Za-z]/, '')}

方法

def get_prices()
    nr = params[:nr]
    br = params[:br]
    type = params[:type]
    @pr = find_price(nr, br, type)
    respond_to do |format|
      format.html { render :partial=>"search_trees/price" }
    end
  end

我需要设置这个 div jquery 值,但它都是动态的,所以在页面加载后,它转到 db,并通过 id(每个框的另一个)设置它一个值。

4

1 回答 1

0

试试这个,你的 js 文件:

$(document).ready(function(){
  $('.lol').each(function() {
    url = "/articles/get_prices/nr="+$(this).attr("nr")+"&br="+$(this).attr("br")+"&type="+$(this).attr("type")+'&id='+$(this).attr('id');
    $.get(url,function(){},'script');
  })
})

(您使用脚本数据类型执行 ajax 请求,因此响应被执行,您不需要自己处理)

你的控制器:

def get_prices()
  nr = params[:nr]
  br = params[:br]
  type = params[:type]
  @pr = find_price(nr, br, type)
  @id = params[:id]
  respond_to do |format|
    format.js { render :partial=>"search_trees/price" }
  end
end

(添加实例变量 @id 并渲染一个 js 视图,因为 ajax 请求是“脚本”类型)

您的观点(search_trees/price.js.erb,提交 js 文件很重要)

$("#<%= @id -%>").html(<%= javascript_escape(render(:partial => "search_trees/price.html")) -%>);

(渲染html视图并设置div的html)

如果出现问题,您可能需要添加一些检查以发出警报(例如...您无法对 @pr 对象进行处理),因此您涵盖了这两种情况:

在你看来:

<%- if @pr.nil? -%>
  alert('Ошибка javascript');
<%- else -%>
  $("#<%= @id -%>").html(<%= escape_javascript(render(:partial => "search_trees/price.html")) -%>);
<%- end -%>
于 2012-10-14T23:58:36.067 回答