无法从列表组项中获取 ajax 请求的值

Question

我尝试了很多解决方案，但仍然无法通过 ajax 请求发送此值。用户可以在下面单击侧导航栏中的链接，我希望将类别名称发送到控制器。

    <div class="mini-submenu">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </div>
    <div class="list-group">
        <span href="#" class="list-group-item active">
            Categories
            <span class="pull-right" id="slide-submenu">
                <i class="fa fa-times"></i>
            </span>
        </span>
        <% Movie.category_types.keys.each do |category| %>
            <a href="#" class="list-group-item">
                <i class="fa fa-folder-open-o"></i> <%= category.capitalize.humanize %> <span class="badge"><%= Movie.find_category_amount(category) %></span>
            </a>
        <% end %>
    </div>  
</div>

<script>
    $(document).ready(function(){  
        $(".list-group-item").on('click',function(e) { 
            $.ajax({
                type: "GET",
                data: $(this).attr('value'),
                url: "<%= movies_path %>",
                dataType : "script",
            }); 
        });
    });
</script>

Answer 1

您可以通过

获取类别名称

e.target.childNodes[1].data // to send only the category name, OR
e.target.innerText // to send the full text inside the dom element

另外，请使用preventDefault()。所以，例如：

$(".list-group-item").on('click',function(e) { 
    e.preventDefault();
    $.ajax({
      type: "GET",
      data: {category_name: e.target.childNodes[1].data},
      url: "/your_path_here",
      dataType : "script"
    }); 
  });