Question

我有这样的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（每个框的另一个）设置一个值。

Answer 1

试试这个，你的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请求是'script'类型）

您的观点（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 -%>

Jquery使用class和id值设置div

1 个答案: