我有一些链接,想要发送POST请求,但它们正在发送get请求。
<p class="tags">
<% tags.keys.each do |key| %>
<% if tags[key] == 1 %>
<%= link_to by_tag_media_path(:tag => key), :remote => true, :method => :post do %>
<span class="font-18"><%= key %></span>
<% end %>
<% elsif tags[key] == 2 %>
<%= link_to by_tag_media_path(:tag => key), :remote => true, :method => :post do %>
<span class="font-24"><%= key %></span>
<% end %>
<% elsif tags[key] == 3 %>
<%= link_to by_tag_media_path(:tag => key), :remote => true, :method => :post do %>
<span class="font-36"><%= key %></span>
<% end %>
<% end %>
<% end %>
</p>
这些链接位于名为_tags.html.erb的局部文件和index.html.erb页面上,局部调用位置有以下js代码:
function apply_filters(load_more){
var params = "";
$("a.selected").each(function(i, obj){
params += $(this).text() + "/"
});
$("a.type_class").each(function(i, obj){
params += $(this).text() + "/";
});
if(load_more){
$.post("/media/filtered", {filters: params, load_more: true});
} else {
$.post("/media/filtered", {filters: params});
}
}
$("#filtered_media_path").click(function(){
apply_filters(true);
});
当调用此JS代码时,我重新呈现了_tags.html.erb部分,并且链接正常工作(发送POST请求),但是当页面最初呈现时,它们会发送GET请求。两种情况下呈现后的HTML代码都是相同的。
索引页面中的表单部分:
<span id="cards">
<%= render :partial => "media_cards", :locals => {:media_cards => @media_cards, :tags => @tags, :featured_cards => @featured_cards} %>
</span>
还有 media_cards 部分:
<div class="card media-card search hide-for-mobile">
<input type="text" name="search-value" id="search_value"/>
<span id="tags">
<%= render :partial => "tags", :locals => {:tags => tags} %>
</span>
</div>
by_tags.js.erb:
$("#cards").html("<%= escape_javascript(render :partial => 'media_cards', :locals => {:media_cards => @media_cards, :tags => @tags, :featured_cards => @featured_cards}) %>");
生成的HTML如下所示:
<a href="/media/by_tag?tag=test" data-method="delete" data-remote="true" rel="nofollow">
<span class="font-36">test</span>
</a>