新手问题 [SOLVED] 如何用 rails 和 js 写 checkbox 功能？
<tbody>
<% @todos.each do |todo| %>
<tr>
<!-- TODO: add checkbox -->
<td>
<input type="checkbox" id="todoCheckbox" value="not-done" onclick="todoCheck(this.value)" />
<script type="text/javascript">
var checkboxInput = document.getElementsByTagName('input');
var checkboxState = document.getElementById("todoCheckbox");
function todoCheckClick(state) {
if (checkboxState.checked) {
this.elements['input'].value = 'done';
} else {
this.elements['input'].value = 'not-done';
}
}
</script>
</td>
<td>
<%= todo.title %>
</td>
<td>
<%= todo.state %>
</td>
</tr>
</tbody>
上面是一点 js 的伪代码，我想要实现当点击 checkbox 的时候，js 能改变 todo 的状态 value="not-done" -> done. 然后发送 PUT 请求给 action toggle 改变 state 的值。然后返回显示。
我想知道具体应该怎么写这个代码？能具体写一个示例么？不知道怎么在 js 中发送 REST 请求。
Zoker
#1
2015年09月26日
@zoker 你给的链接里对我来说有点难了，上面的例子都是 ujs 和 jQuery 的，我还没学过 jquery。只想看看单纯用 js 是怎么写的代码。google 了你给的关键字搜索，前面的好几个结果都是使用 jquery 的。难道不先学 jquery 就无法理解么。。。
Rei
#5
2015年09月26日
You Might Not Need jQuery http://youmightnotneedjquery.com/
jQuery
$.ajax({
type: 'POST',
url: '/my/url',
data: data
});
IE9+
var request = new XMLHttpRequest();
request.open('POST', '/my/url', true);
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
request.send(data);
Zoker
#6
2015年09月26日
$('#checkbox1').click(function(){
uri = "your_put_path";
$.ajax({
url:uri,
data: {"key":"value"},
type: "PUT",
beforeSend: function() {
//发送请求前干什么
},
success: function(data) {
//请求成功后干什么
}
});
});
@rei 这个我看懂了，谢了。简单明了，之前看 w3school.com AJAX 的例子没明白它请求的 asp 页面。这里 /my/url 没有 base_url 是默认的么？
Zoker
#10
2015年09月26日
#8 楼 @stardiviner Either way, as long as you find something that works for you.
