Javascript 使用Ajax on Rails应用程序获取数据_Javascript_Jquery_Ruby On Rails_Ruby_Ajax

Javascript 使用Ajax on Rails应用程序获取数据

javascript jquery ruby-on-rails ruby ajax

Javascript 使用Ajax on Rails应用程序获取数据,javascript,jquery,ruby-on-rails,ruby,ajax,Javascript,Jquery,Ruby On Rails,Ruby,Ajax,我是RubyonRails新手，所以请原谅我的问题。我正在尝试用Ajax更新喜欢帖子的粉丝数量。我可以使用Ajax实时显示任何用户喜欢的帖子，但是为了获得喜欢我所有帖子的人的总数——我需要刷新我的页面，等待数据从rails控制器中提取出来——我想使用Ajax，这样我就不必刷新页面了。我在下面列出了我的所有相关代码。非常感谢大家 Index.html.erb <div class="tabbable-panel"> <div class="text-center" id=

我是RubyonRails新手，所以请原谅我的问题。我正在尝试用Ajax更新喜欢帖子的粉丝数量。我可以使用Ajax实时显示任何用户喜欢的帖子，但是为了获得喜欢我所有帖子的人的总数——我需要刷新我的页面，等待数据从rails控制器中提取出来——我想使用Ajax，这样我就不必刷新页面了。我在下面列出了我的所有相关代码。非常感谢大家

Index.html.erb

<div class="tabbable-panel">
    <div class="text-center" id="tabbable-line">
        <ul class="nav nav-pills center-tabs">
            <li class="active">
                <a data-toggle="pill" href="#trending">
                    Fans&nbsp
                    <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                    <br>
                    <div class="pillnumber" >
                        <%= @likersnumero%> #This is What I want to Update using Ajax
                    </div>
                </a>
            </li>
        </ul>
     </div>
<div class="tab-content">
    <div id="trending" class="tab-pane fade in active">
      <h3>Fans and Friends&nbsp&nbsp<i class="fa fa-thumbs-o-up" aria-hidden="true"></i></h3>   

<div class="containerbox like-feed-wrapper">
    <%- @likers.each do |liker| %>
      <%= render "like_feed", liker: liker %>
    <% end %>
</div>
</div>
</div>
</div>
</div>

<div class="row" style="border-top:1px solid #e5e5e5;">
  <div class="col-md-3" id="<%= dom_id(item, :likes_wraper) %>" >
    <%= render partial: "likes", locals: {item: item} %>
  </div>
</div>

<% if user_signed_in? && current_user.likes?(item) %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true" ></i>'
    .html_safe, item_like_path(item), method: :delete, remote: true %>
<% else %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true"></i>'
    .html_safe, item_like_path(item), method: :post, remote: true %>
<% end %>
<% item.likes.each do |like| %>
    <%= image_tag like.user.avatar, width: 20%>
<% end %>
<span class="likes-count">
    <%= item.likes_count %>
</span>

(function () {
$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}
})();

(function () {
$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {

    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {

    $feedLiker.remove();
}
})();

<%= link_to liker, id: dom_id(liker, :feed_liker) do%>
    <div class="box">
      <%= image_tag liker.avatar, width: 70, class: "css-style"   %>
      <br>
      <strong><%= liker.username %></strong>
      <span class="pull-right">
          <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>&nbsp
          <span class="likes-count-val">
            <%= liker.likes.select { |like| like.item.user == current_user }.count %>
          </span>
      </span>
    </div>

class ItemsController < ApplicationController
before_action :authenticate_user!, only: [:new, :create]
before_action :set_item, only: [:show, :edit, :update, :destroy]

def index    
@items = Item.order("created_at DESC")
if current_user.present?
@likersnumero = current_user.items.joins(:likes).map(&:user).count
end
end

def show
end

def new
@item = current_user.items.build
end

def edit
end

def create         
@item = current_user.items.build(item_params)
respond_to do |format|

  if @item.save

    format.html { redirect_to @item, notice: 'Item was successfully created.' }
    format.json { render :show, status: :created, location: @item }
  else
    format.html { render :new }
    format.json { render json: @item.errors, status: :unprocessable_entity }
  end
end
end
end

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) { 
    $feedLiker
        .find(".likes-count-val")           
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) + 1);
})();

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");

    if ($feedLiker.find(".likes-count-val").text().trim() === "0") {
    $feedLiker.remove();
  }
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) - 1);
})();






粉丝和朋友

\u item.html.erb

<div class="tabbable-panel">
    <div class="text-center" id="tabbable-line">
        <ul class="nav nav-pills center-tabs">
            <li class="active">
                <a data-toggle="pill" href="#trending">
                    Fans&nbsp
                    <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                    <br>
                    <div class="pillnumber" >
                        <%= @likersnumero%> #This is What I want to Update using Ajax
                    </div>
                </a>
            </li>
        </ul>
     </div>
<div class="tab-content">
    <div id="trending" class="tab-pane fade in active">
      <h3>Fans and Friends&nbsp&nbsp<i class="fa fa-thumbs-o-up" aria-hidden="true"></i></h3>   

<div class="containerbox like-feed-wrapper">
    <%- @likers.each do |liker| %>
      <%= render "like_feed", liker: liker %>
    <% end %>
</div>
</div>
</div>
</div>
</div>

<div class="row" style="border-top:1px solid #e5e5e5;">
  <div class="col-md-3" id="<%= dom_id(item, :likes_wraper) %>" >
    <%= render partial: "likes", locals: {item: item} %>
  </div>
</div>

<% if user_signed_in? && current_user.likes?(item) %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true" ></i>'
    .html_safe, item_like_path(item), method: :delete, remote: true %>
<% else %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true"></i>'
    .html_safe, item_like_path(item), method: :post, remote: true %>
<% end %>
<% item.likes.each do |like| %>
    <%= image_tag like.user.avatar, width: 20%>
<% end %>
<span class="likes-count">
    <%= item.likes_count %>
</span>

(function () {
$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}
})();

(function () {
$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {

    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {

    $feedLiker.remove();
}
})();

<%= link_to liker, id: dom_id(liker, :feed_liker) do%>
    <div class="box">
      <%= image_tag liker.avatar, width: 70, class: "css-style"   %>
      <br>
      <strong><%= liker.username %></strong>
      <span class="pull-right">
          <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>&nbsp
          <span class="likes-count-val">
            <%= liker.likes.select { |like| like.item.user == current_user }.count %>
          </span>
      </span>
    </div>

class ItemsController < ApplicationController
before_action :authenticate_user!, only: [:new, :create]
before_action :set_item, only: [:show, :edit, :update, :destroy]

def index    
@items = Item.order("created_at DESC")
if current_user.present?
@likersnumero = current_user.items.joins(:likes).map(&:user).count
end
end

def show
end

def new
@item = current_user.items.build
end

def edit
end

def create         
@item = current_user.items.build(item_params)
respond_to do |format|

  if @item.save

    format.html { redirect_to @item, notice: 'Item was successfully created.' }
    format.json { render :show, status: :created, location: @item }
  else
    format.html { render :new }
    format.json { render json: @item.errors, status: :unprocessable_entity }
  end
end
end
end

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) { 
    $feedLiker
        .find(".likes-count-val")           
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) + 1);
})();

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");

    if ($feedLiker.find(".likes-count-val").text().trim() === "0") {
    $feedLiker.remove();
  }
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) - 1);
})();

\u likes.html.erb

<div class="tabbable-panel">
    <div class="text-center" id="tabbable-line">
        <ul class="nav nav-pills center-tabs">
            <li class="active">
                <a data-toggle="pill" href="#trending">
                    Fans&nbsp
                    <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                    <br>
                    <div class="pillnumber" >
                        <%= @likersnumero%> #This is What I want to Update using Ajax
                    </div>
                </a>
            </li>
        </ul>
     </div>
<div class="tab-content">
    <div id="trending" class="tab-pane fade in active">
      <h3>Fans and Friends&nbsp&nbsp<i class="fa fa-thumbs-o-up" aria-hidden="true"></i></h3>   

<div class="containerbox like-feed-wrapper">
    <%- @likers.each do |liker| %>
      <%= render "like_feed", liker: liker %>
    <% end %>
</div>
</div>
</div>
</div>
</div>

<div class="row" style="border-top:1px solid #e5e5e5;">
  <div class="col-md-3" id="<%= dom_id(item, :likes_wraper) %>" >
    <%= render partial: "likes", locals: {item: item} %>
  </div>
</div>

<% if user_signed_in? && current_user.likes?(item) %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true" ></i>'
    .html_safe, item_like_path(item), method: :delete, remote: true %>
<% else %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true"></i>'
    .html_safe, item_like_path(item), method: :post, remote: true %>
<% end %>
<% item.likes.each do |like| %>
    <%= image_tag like.user.avatar, width: 20%>
<% end %>
<span class="likes-count">
    <%= item.likes_count %>
</span>

(function () {
$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}
})();

(function () {
$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {

    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {

    $feedLiker.remove();
}
})();

<%= link_to liker, id: dom_id(liker, :feed_liker) do%>
    <div class="box">
      <%= image_tag liker.avatar, width: 70, class: "css-style"   %>
      <br>
      <strong><%= liker.username %></strong>
      <span class="pull-right">
          <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>&nbsp
          <span class="likes-count-val">
            <%= liker.likes.select { |like| like.item.user == current_user }.count %>
          </span>
      </span>
    </div>

class ItemsController < ApplicationController
before_action :authenticate_user!, only: [:new, :create]
before_action :set_item, only: [:show, :edit, :update, :destroy]

def index    
@items = Item.order("created_at DESC")
if current_user.present?
@likersnumero = current_user.items.joins(:likes).map(&:user).count
end
end

def show
end

def new
@item = current_user.items.build
end

def edit
end

def create         
@item = current_user.items.build(item_params)
respond_to do |format|

  if @item.save

    format.html { redirect_to @item, notice: 'Item was successfully created.' }
    format.json { render :show, status: :created, location: @item }
  else
    format.html { render :new }
    format.json { render json: @item.errors, status: :unprocessable_entity }
  end
end
end
end

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) { 
    $feedLiker
        .find(".likes-count-val")           
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) + 1);
})();

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");

    if ($feedLiker.find(".likes-count-val").text().trim() === "0") {
    $feedLiker.remove();
  }
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) - 1);
})();

Create.js.erb

<div class="tabbable-panel">
    <div class="text-center" id="tabbable-line">
        <ul class="nav nav-pills center-tabs">
            <li class="active">
                <a data-toggle="pill" href="#trending">
                    Fans&nbsp
                    <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                    <br>
                    <div class="pillnumber" >
                        <%= @likersnumero%> #This is What I want to Update using Ajax
                    </div>
                </a>
            </li>
        </ul>
     </div>
<div class="tab-content">
    <div id="trending" class="tab-pane fade in active">
      <h3>Fans and Friends&nbsp&nbsp<i class="fa fa-thumbs-o-up" aria-hidden="true"></i></h3>   

<div class="containerbox like-feed-wrapper">
    <%- @likers.each do |liker| %>
      <%= render "like_feed", liker: liker %>
    <% end %>
</div>
</div>
</div>
</div>
</div>

<div class="row" style="border-top:1px solid #e5e5e5;">
  <div class="col-md-3" id="<%= dom_id(item, :likes_wraper) %>" >
    <%= render partial: "likes", locals: {item: item} %>
  </div>
</div>

<% if user_signed_in? && current_user.likes?(item) %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true" ></i>'
    .html_safe, item_like_path(item), method: :delete, remote: true %>
<% else %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true"></i>'
    .html_safe, item_like_path(item), method: :post, remote: true %>
<% end %>
<% item.likes.each do |like| %>
    <%= image_tag like.user.avatar, width: 20%>
<% end %>
<span class="likes-count">
    <%= item.likes_count %>
</span>

(function () {
$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}
})();

(function () {
$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {

    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {

    $feedLiker.remove();
}
})();

<%= link_to liker, id: dom_id(liker, :feed_liker) do%>
    <div class="box">
      <%= image_tag liker.avatar, width: 70, class: "css-style"   %>
      <br>
      <strong><%= liker.username %></strong>
      <span class="pull-right">
          <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>&nbsp
          <span class="likes-count-val">
            <%= liker.likes.select { |like| like.item.user == current_user }.count %>
          </span>
      </span>
    </div>

class ItemsController < ApplicationController
before_action :authenticate_user!, only: [:new, :create]
before_action :set_item, only: [:show, :edit, :update, :destroy]

def index    
@items = Item.order("created_at DESC")
if current_user.present?
@likersnumero = current_user.items.joins(:likes).map(&:user).count
end
end

def show
end

def new
@item = current_user.items.build
end

def edit
end

def create         
@item = current_user.items.build(item_params)
respond_to do |format|

  if @item.save

    format.html { redirect_to @item, notice: 'Item was successfully created.' }
    format.json { render :show, status: :created, location: @item }
  else
    format.html { render :new }
    format.json { render json: @item.errors, status: :unprocessable_entity }
  end
end
end
end

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) { 
    $feedLiker
        .find(".likes-count-val")           
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) + 1);
})();

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");

    if ($feedLiker.find(".likes-count-val").text().trim() === "0") {
    $feedLiker.remove();
  }
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) - 1);
})();

（函数（）{
$（“喜欢包装物”
.html（“”）；
var$feedLiker=$（“.like feed wrapper#feed_liker_user#”）；
如果（$feedLiker.length！==0）{
$feedLiker
.find（“.likes count val”）
.文本（“”）；
}否则{
$（“.like提要包装器”）
.附加（“”）
}
})();

destroy.js.erb

<div class="tabbable-panel">
    <div class="text-center" id="tabbable-line">
        <ul class="nav nav-pills center-tabs">
            <li class="active">
                <a data-toggle="pill" href="#trending">
                    Fans&nbsp
                    <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                    <br>
                    <div class="pillnumber" >
                        <%= @likersnumero%> #This is What I want to Update using Ajax
                    </div>
                </a>
            </li>
        </ul>
     </div>
<div class="tab-content">
    <div id="trending" class="tab-pane fade in active">
      <h3>Fans and Friends&nbsp&nbsp<i class="fa fa-thumbs-o-up" aria-hidden="true"></i></h3>   

<div class="containerbox like-feed-wrapper">
    <%- @likers.each do |liker| %>
      <%= render "like_feed", liker: liker %>
    <% end %>
</div>
</div>
</div>
</div>
</div>

<div class="row" style="border-top:1px solid #e5e5e5;">
  <div class="col-md-3" id="<%= dom_id(item, :likes_wraper) %>" >
    <%= render partial: "likes", locals: {item: item} %>
  </div>
</div>

<% if user_signed_in? && current_user.likes?(item) %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true" ></i>'
    .html_safe, item_like_path(item), method: :delete, remote: true %>
<% else %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true"></i>'
    .html_safe, item_like_path(item), method: :post, remote: true %>
<% end %>
<% item.likes.each do |like| %>
    <%= image_tag like.user.avatar, width: 20%>
<% end %>
<span class="likes-count">
    <%= item.likes_count %>
</span>

(function () {
$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}
})();

(function () {
$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {

    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {

    $feedLiker.remove();
}
})();

<%= link_to liker, id: dom_id(liker, :feed_liker) do%>
    <div class="box">
      <%= image_tag liker.avatar, width: 70, class: "css-style"   %>
      <br>
      <strong><%= liker.username %></strong>
      <span class="pull-right">
          <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>&nbsp
          <span class="likes-count-val">
            <%= liker.likes.select { |like| like.item.user == current_user }.count %>
          </span>
      </span>
    </div>

class ItemsController < ApplicationController
before_action :authenticate_user!, only: [:new, :create]
before_action :set_item, only: [:show, :edit, :update, :destroy]

def index    
@items = Item.order("created_at DESC")
if current_user.present?
@likersnumero = current_user.items.joins(:likes).map(&:user).count
end
end

def show
end

def new
@item = current_user.items.build
end

def edit
end

def create         
@item = current_user.items.build(item_params)
respond_to do |format|

  if @item.save

    format.html { redirect_to @item, notice: 'Item was successfully created.' }
    format.json { render :show, status: :created, location: @item }
  else
    format.html { render :new }
    format.json { render json: @item.errors, status: :unprocessable_entity }
  end
end
end
end

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) { 
    $feedLiker
        .find(".likes-count-val")           
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) + 1);
})();

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");

    if ($feedLiker.find(".likes-count-val").text().trim() === "0") {
    $feedLiker.remove();
  }
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) - 1);
})();

（函数（）{
$（“#likes_wrapper_item”）html（“”）；
var$feedLiker=$（“.like feed wrapper#feed_liker_user#”）；
如果（$feedLiker.length！==0）{
$feedLiker
.find（“.likes count val”）
.文本（“”）；
}否则{
$feedLiker.remove（）；
}
})();

\u like_feed.html.erb

<div class="tabbable-panel">
    <div class="text-center" id="tabbable-line">
        <ul class="nav nav-pills center-tabs">
            <li class="active">
                <a data-toggle="pill" href="#trending">
                    Fans&nbsp
                    <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                    <br>
                    <div class="pillnumber" >
                        <%= @likersnumero%> #This is What I want to Update using Ajax
                    </div>
                </a>
            </li>
        </ul>
     </div>
<div class="tab-content">
    <div id="trending" class="tab-pane fade in active">
      <h3>Fans and Friends&nbsp&nbsp<i class="fa fa-thumbs-o-up" aria-hidden="true"></i></h3>   

<div class="containerbox like-feed-wrapper">
    <%- @likers.each do |liker| %>
      <%= render "like_feed", liker: liker %>
    <% end %>
</div>
</div>
</div>
</div>
</div>

<div class="row" style="border-top:1px solid #e5e5e5;">
  <div class="col-md-3" id="<%= dom_id(item, :likes_wraper) %>" >
    <%= render partial: "likes", locals: {item: item} %>
  </div>
</div>

<% if user_signed_in? && current_user.likes?(item) %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true" ></i>'
    .html_safe, item_like_path(item), method: :delete, remote: true %>
<% else %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true"></i>'
    .html_safe, item_like_path(item), method: :post, remote: true %>
<% end %>
<% item.likes.each do |like| %>
    <%= image_tag like.user.avatar, width: 20%>
<% end %>
<span class="likes-count">
    <%= item.likes_count %>
</span>

(function () {
$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}
})();

(function () {
$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {

    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {

    $feedLiker.remove();
}
})();

<%= link_to liker, id: dom_id(liker, :feed_liker) do%>
    <div class="box">
      <%= image_tag liker.avatar, width: 70, class: "css-style"   %>
      <br>
      <strong><%= liker.username %></strong>
      <span class="pull-right">
          <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>&nbsp
          <span class="likes-count-val">
            <%= liker.likes.select { |like| like.item.user == current_user }.count %>
          </span>
      </span>
    </div>

class ItemsController < ApplicationController
before_action :authenticate_user!, only: [:new, :create]
before_action :set_item, only: [:show, :edit, :update, :destroy]

def index    
@items = Item.order("created_at DESC")
if current_user.present?
@likersnumero = current_user.items.joins(:likes).map(&:user).count
end
end

def show
end

def new
@item = current_user.items.build
end

def edit
end

def create         
@item = current_user.items.build(item_params)
respond_to do |format|

  if @item.save

    format.html { redirect_to @item, notice: 'Item was successfully created.' }
    format.json { render :show, status: :created, location: @item }
  else
    format.html { render :new }
    format.json { render json: @item.errors, status: :unprocessable_entity }
  end
end
end
end

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) { 
    $feedLiker
        .find(".likes-count-val")           
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) + 1);
})();

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");

    if ($feedLiker.find(".likes-count-val").text().trim() === "0") {
    $feedLiker.remove();
  }
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) - 1);
})();

项目\u controller.rb

<div class="tabbable-panel">
    <div class="text-center" id="tabbable-line">
        <ul class="nav nav-pills center-tabs">
            <li class="active">
                <a data-toggle="pill" href="#trending">
                    Fans&nbsp
                    <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                    <br>
                    <div class="pillnumber" >
                        <%= @likersnumero%> #This is What I want to Update using Ajax
                    </div>
                </a>
            </li>
        </ul>
     </div>
<div class="tab-content">
    <div id="trending" class="tab-pane fade in active">
      <h3>Fans and Friends&nbsp&nbsp<i class="fa fa-thumbs-o-up" aria-hidden="true"></i></h3>   

<div class="containerbox like-feed-wrapper">
    <%- @likers.each do |liker| %>
      <%= render "like_feed", liker: liker %>
    <% end %>
</div>
</div>
</div>
</div>
</div>

<div class="row" style="border-top:1px solid #e5e5e5;">
  <div class="col-md-3" id="<%= dom_id(item, :likes_wraper) %>" >
    <%= render partial: "likes", locals: {item: item} %>
  </div>
</div>

<% if user_signed_in? && current_user.likes?(item) %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true" ></i>'
    .html_safe, item_like_path(item), method: :delete, remote: true %>
<% else %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true"></i>'
    .html_safe, item_like_path(item), method: :post, remote: true %>
<% end %>
<% item.likes.each do |like| %>
    <%= image_tag like.user.avatar, width: 20%>
<% end %>
<span class="likes-count">
    <%= item.likes_count %>
</span>

(function () {
$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}
})();

(function () {
$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {

    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {

    $feedLiker.remove();
}
})();

<%= link_to liker, id: dom_id(liker, :feed_liker) do%>
    <div class="box">
      <%= image_tag liker.avatar, width: 70, class: "css-style"   %>
      <br>
      <strong><%= liker.username %></strong>
      <span class="pull-right">
          <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>&nbsp
          <span class="likes-count-val">
            <%= liker.likes.select { |like| like.item.user == current_user }.count %>
          </span>
      </span>
    </div>

class ItemsController < ApplicationController
before_action :authenticate_user!, only: [:new, :create]
before_action :set_item, only: [:show, :edit, :update, :destroy]

def index    
@items = Item.order("created_at DESC")
if current_user.present?
@likersnumero = current_user.items.joins(:likes).map(&:user).count
end
end

def show
end

def new
@item = current_user.items.build
end

def edit
end

def create         
@item = current_user.items.build(item_params)
respond_to do |format|

  if @item.save

    format.html { redirect_to @item, notice: 'Item was successfully created.' }
    format.json { render :show, status: :created, location: @item }
  else
    format.html { render :new }
    format.json { render json: @item.errors, status: :unprocessable_entity }
  end
end
end
end

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) { 
    $feedLiker
        .find(".likes-count-val")           
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) + 1);
})();

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");

    if ($feedLiker.find(".likes-count-val").text().trim() === "0") {
    $feedLiker.remove();
  }
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) - 1);
})();

class ItemsController

如果页面上只有一个

pillnumber

实例，则将该html更改为id（它们更易于使用），例如：


#这就是我想用Ajax更新的内容

然后将以下内容（或类似内容）添加到create.js和destroy.js中：

$("#pillnumber").html("<%= @likersnumero %>");

$（“#pillnumber”）.html（“”）；

确保您正在控制器操作中设置

@likersnumero

，否则将没有输出

并且经常检查控制台是否有bug（因为上面的假设可能是错误的-我不能在你的整个应用程序之外测试这段代码（我也不想这么做）-所以检查并修复bug）：

我实现了类似的场景，我更新了整个小容器，竖起了

大拇指，大拇指朝下和总喜欢数

而不仅仅是计数。您可以使用带有

id=tabbable line的容器

，并在每次有人单击大拇指朝上时替换它

比如说--

#####您的视图显示带有uniq id的'likes'
###这应该是_like.html.erb====================




在具有“like”动作的项控制器中===========
##项目\u-like\u路径
def-like
@item=item.find（参数[：id]）
###您的逻辑是增加item.likes计数并获得新的@likersnumero
@likersnumero=添加或更新likes计数（@item）
##获得最新计数后，render like.js.erb将呈现_like.html.erb以更新整个_like.html.erb
结束
###像.js.erb================================
##如果需要使用ID更新动态容器
###var-like_-id=“”；
###$（'#tabbable-line'+like_id）.html（“'items/like'））%>”；
##现在再次渲染容器-_like.html.erb
$（“#选项卡行”）.html（“'items/like'））%>”；

希望能有帮助……

答案非常有助于指导我找到最终有效的解决方案，但它们并没有100%地解决问题。在这种情况下，其他任何人都会发现自己处于类似的困境。我在下面提供了对我有效的解决方案

Create.js.erb

<div class="tabbable-panel">
    <div class="text-center" id="tabbable-line">
        <ul class="nav nav-pills center-tabs">
            <li class="active">
                <a data-toggle="pill" href="#trending">
                    Fans&nbsp
                    <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                    <br>
                    <div class="pillnumber" >
                        <%= @likersnumero%> #This is What I want to Update using Ajax
                    </div>
                </a>
            </li>
        </ul>
     </div>
<div class="tab-content">
    <div id="trending" class="tab-pane fade in active">
      <h3>Fans and Friends&nbsp&nbsp<i class="fa fa-thumbs-o-up" aria-hidden="true"></i></h3>   

<div class="containerbox like-feed-wrapper">
    <%- @likers.each do |liker| %>
      <%= render "like_feed", liker: liker %>
    <% end %>
</div>
</div>
</div>
</div>
</div>

<div class="row" style="border-top:1px solid #e5e5e5;">
  <div class="col-md-3" id="<%= dom_id(item, :likes_wraper) %>" >
    <%= render partial: "likes", locals: {item: item} %>
  </div>
</div>

<% if user_signed_in? && current_user.likes?(item) %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true" ></i>'
    .html_safe, item_like_path(item), method: :delete, remote: true %>
<% else %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true"></i>'
    .html_safe, item_like_path(item), method: :post, remote: true %>
<% end %>
<% item.likes.each do |like| %>
    <%= image_tag like.user.avatar, width: 20%>
<% end %>
<span class="likes-count">
    <%= item.likes_count %>
</span>

(function () {
$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}
})();

(function () {
$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {

    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {

    $feedLiker.remove();
}
})();

<%= link_to liker, id: dom_id(liker, :feed_liker) do%>
    <div class="box">
      <%= image_tag liker.avatar, width: 70, class: "css-style"   %>
      <br>
      <strong><%= liker.username %></strong>
      <span class="pull-right">
          <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>&nbsp
          <span class="likes-count-val">
            <%= liker.likes.select { |like| like.item.user == current_user }.count %>
          </span>
      </span>
    </div>

class ItemsController < ApplicationController
before_action :authenticate_user!, only: [:new, :create]
before_action :set_item, only: [:show, :edit, :update, :destroy]

def index    
@items = Item.order("created_at DESC")
if current_user.present?
@likersnumero = current_user.items.joins(:likes).map(&:user).count
end
end

def show
end

def new
@item = current_user.items.build
end

def edit
end

def create         
@item = current_user.items.build(item_params)
respond_to do |format|

  if @item.save

    format.html { redirect_to @item, notice: 'Item was successfully created.' }
    format.json { render :show, status: :created, location: @item }
  else
    format.html { render :new }
    format.json { render json: @item.errors, status: :unprocessable_entity }
  end
end
end
end

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) { 
    $feedLiker
        .find(".likes-count-val")           
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) + 1);
})();

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");

    if ($feedLiker.find(".likes-count-val").text().trim() === "0") {
    $feedLiker.remove();
  }
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) - 1);
})();

（函数（）{
var Fansunt；
$（“喜欢包装物”
.html（“”）；
var$feedLiker=$（“.like feed wrapper#feed_liker_user#”）；
如果（$feedLiker.length！==0）{
$feedLiker
.find（“.likes count val”）
.文本（“”）；
}否则{
$（“.like提要包装器”）
.附加（“”）
}
fansCount=$（“#pillnumber”）.text（）.trim（）；
$（“#pillnumber”）.text（数字（fansunt）+1）；
})();

destory.js.erb

<div class="tabbable-panel">
    <div class="text-center" id="tabbable-line">
        <ul class="nav nav-pills center-tabs">
            <li class="active">
                <a data-toggle="pill" href="#trending">
                    Fans&nbsp
                    <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                    <br>
                    <div class="pillnumber" >
                        <%= @likersnumero%> #This is What I want to Update using Ajax
                    </div>
                </a>
            </li>
        </ul>
     </div>
<div class="tab-content">
    <div id="trending" class="tab-pane fade in active">
      <h3>Fans and Friends&nbsp&nbsp<i class="fa fa-thumbs-o-up" aria-hidden="true"></i></h3>   

<div class="containerbox like-feed-wrapper">
    <%- @likers.each do |liker| %>
      <%= render "like_feed", liker: liker %>
    <% end %>
</div>
</div>
</div>
</div>
</div>

<div class="row" style="border-top:1px solid #e5e5e5;">
  <div class="col-md-3" id="<%= dom_id(item, :likes_wraper) %>" >
    <%= render partial: "likes", locals: {item: item} %>
  </div>
</div>

<% if user_signed_in? && current_user.likes?(item) %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true" ></i>'
    .html_safe, item_like_path(item), method: :delete, remote: true %>
<% else %>
    <%= link_to '<i class="fa fa-thumbs-o-up fa-lg" aria-hidden="true"></i>'
    .html_safe, item_like_path(item), method: :post, remote: true %>
<% end %>
<% item.likes.each do |like| %>
    <%= image_tag like.user.avatar, width: 20%>
<% end %>
<span class="likes-count">
    <%= item.likes_count %>
</span>

(function () {
$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}
})();

(function () {
$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {

    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {

    $feedLiker.remove();
}
})();

<%= link_to liker, id: dom_id(liker, :feed_liker) do%>
    <div class="box">
      <%= image_tag liker.avatar, width: 70, class: "css-style"   %>
      <br>
      <strong><%= liker.username %></strong>
      <span class="pull-right">
          <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>&nbsp
          <span class="likes-count-val">
            <%= liker.likes.select { |like| like.item.user == current_user }.count %>
          </span>
      </span>
    </div>

class ItemsController < ApplicationController
before_action :authenticate_user!, only: [:new, :create]
before_action :set_item, only: [:show, :edit, :update, :destroy]

def index    
@items = Item.order("created_at DESC")
if current_user.present?
@likersnumero = current_user.items.joins(:likes).map(&:user).count
end
end

def show
end

def new
@item = current_user.items.build
end

def edit
end

def create         
@item = current_user.items.build(item_params)
respond_to do |format|

  if @item.save

    format.html { redirect_to @item, notice: 'Item was successfully created.' }
    format.json { render :show, status: :created, location: @item }
  else
    format.html { render :new }
    format.json { render json: @item.errors, status: :unprocessable_entity }
  end
end
end
end

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>")
    .html("<%=j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");

if ($feedLiker.length !== 0 ) { 
    $feedLiker
        .find(".likes-count-val")           
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");
} else {
    $(".like-feed-wrapper")
        .append("<%=j render partial: "items/like_feed", locals: {liker: current_user} %>")
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) + 1);
})();

(function () {
  var fansCount;


$("#likes_wraper_item_<%= @item.id%>").html("<%= j render partial: "items/likes", locals: {item: @item} %>");

var $feedLiker = $(".like-feed-wrapper #feed_liker_user_<%= current_user.id %>");


if ($feedLiker.length !== 0 ) {
    $feedLiker
        .find(".likes-count-val")
        .text("<%= current_user.likes.select { |like| like.item.user == current_user }.count %>");

    if ($feedLiker.find(".likes-count-val").text().trim() === "0") {
    $feedLiker.remove();
  }
}

fansCount = $("#pillnumber").text().trim();
$("#pillnumber").text(Number(fansCount) - 1);
})();

（函数（）{
var Fansunt；
$（“#likes_wrapper_item”）html（“”）；
var$feedLiker=$（“.like feed wrapper#feed_liker_user#”）；
如果（$feedLiker.length！==0）{
$feedLiker
.find（“.likes count val”）
.文本（“”）；
if（$feedLiker.find（“.likes count val”）.text（）.trim（）=“0”）{
$feedLiker.remove（）；
}
}
fansCount=$（“#pillnumber”）.text（）.trim（）；
$（“#pillnumber”）.text（数字（fansCount）-1）；
})();

所以。。。你曾试图让它自己工作，你得到了什么错误？关于在Rails中使用AJAX，你在Google上搜索了什么？Taryn-我已经研究了三个问题，例如。我试着把rem