Javascript rails 4中更新值的Ajax请求
我有一个投票按钮,它只显示投票的数量,点击它,就会自动添加投票。现在我想添加一个Ajax请求,这样页面就不会刷新。不幸的是,我以前从未使用过Ajax,因此不知道如何在Rails中使用它。我试着看了一些教程,但似乎没有任何帮助 视图:Javascript rails 4中更新值的Ajax请求,javascript,jquery,ruby-on-rails,ajax,Javascript,Jquery,Ruby On Rails,Ajax,我有一个投票按钮,它只显示投票的数量,点击它,就会自动添加投票。现在我想添加一个Ajax请求,这样页面就不会刷新。不幸的是,我以前从未使用过Ajax,因此不知道如何在Rails中使用它。我试着看了一些教程,但似乎没有任何帮助 视图: 我喜欢像沃尔德克那样称呼它,但要用咖啡脚本 然而,在您的示例中,您使用的是:remote=>true,这是一种不引人注目的方式 基本上,您将进入控制器,在那里您将需要一个format.js respond_to do |format| format.html #
我喜欢像沃尔德克那样称呼它,但要用咖啡脚本 然而,在您的示例中,您使用的是
:remote=>true
,这是一种不引人注目的方式
基本上,您将进入控制器,在那里您将需要一个format.js
respond_to do |format|
format.html # if you are using html
format.js # this will call the .js.erb file
end
然后创建一个文件vote.js.erb
,您可以在其中访问实例变量并编写js
console.log('you are here');
类似的问题和答案。确保也将此添加到链接中
,:remote=>true
。这是另一个可以让你走上正轨的资源,问题是关于点击按钮后的ajax调用,这是一个简单的例子,但我同意,你的答案是“Rails方式”:)感谢这有助于我理解ajax,因为我似乎对它的开始有一个完全错误的想法。我现在明白了
get '/vote' => "amplifies#vote", :as => "vote"
jQuery(document).ready(function($){
$('.amplify').on('click', function(){
var that = $(this);
$.ajax({
url: '/vote',
data: {id: 'your id'},
/**
* Response from your controller
*/
success: function(response) {
that.siblings('.count').first().text(response);
}
});
})
})
respond_to do |format|
format.html # if you are using html
format.js # this will call the .js.erb file
end
console.log('you are here');