场景:
我有一个进行过滤的表格。为了简单起见,假设我有一个包含三个输入选项的表单:
<%= form_tag(some_path,method: :get) do %>
#..checkboxes for option 1
#..radiobuttons for option 2
#..checkboxes for option 3
<%= submit_tag "submit" %>
<% end %>
<p>You have a total of: COUNT results.</p>
必需的输出:
我想要的是当用户单击任何复选框或单选按钮时(基本上是任何输入字段的更改),通过ajax请求的功能,应生成一个返回总数为COUNT的路径,我将用返回的计数号更新p标签内的COUNT。
当用户单击“提交”按钮时,应生成默认的GET请求。
答案 0 :(得分:1)
我为ajax请求添加了此脚本,并且运行良好。
<script>
$(".option").change(function(){
var type = $("input[name='type[]']:checked").map(function () {
return this.value;
}).get();
$.ajax({
url: "/gre",
type: "put",
dataType: "json",
data: {custom: 'true',type: type},
success: function (response) {
var count = response["count"];
$('#count').html('Your session will have a total of '+ count + ' questions.');
}
});
});