0
我在Rails 4应用程序中有一个Ajax请求,但是一旦按钮被单击,它就不会将数据添加到数据库中。我错过了什么?该页面被缓存,所以我不能简单地添加一个link_to或button_to。提前致谢。Ajax/JS - 没有被添加到数据库中
JS文件:
$(document).ready(function() {
$(".listcollect").on("click", function(event) {
event.preventDefault();
var listID = this.id;
$.ajax({
method: "GET",
url: "/listing_collections/:id/listcollect",
success: function(result) {
var arrLen = result.length
for (var i = 0; i < arrLen; i++) {
var $li = $("<li></li>");
var $a = $('<a class="listing-collection-item"></a>');
$a.attr("href", "/listings/" + listID + "/add_to_collection?listing=" + listID + "$amp;listing_collection_id=" + result[i]["id"] + "&listing_id=" + listID)
$a.text(result[i]["name"])
$li.append($a)
$(this).next().append($li)
}
}.bind(this)
})
});
$("ul.dropdown-menu").on("click", ".listing-collection-item", function(e) {
var url = $(this).attr("href");
alert("The listing was added to the collection!");
return false;
});
});
我html.erb文件:
<div class="btn-group listcollect-wrapper">
<button class="listcollect button btn-blue-white btn-2x dropdown-toggle" data-toggle='dropdown' type="button" id=<%= listing.id %>>Add to Listing Collection <span class="caret"></span></button>
<ul class='dropdown-menu'>
</ul>
</div>