从javascript onclick发出ajax请求
-
05-07-2019 - |
题
我习惯使用帮助方法link_to_remote和朋友来创建链接或按钮,这些链接或按钮将在底层发送Ajax请求并更新网页的一些数据。
我有一些背景图片是按钮。我希望他们将Ajax请求发送到我的rails服务器。 我想一个javascript onClick +发送Ajax请求应该做的魔术,但我不知道Prototype如何在Rails帮助方法下工作。
我希望这不是一个太蹩脚的问题
解决方案
元素上的方法是 observe
此外, $()
假设您使用的是id。如果你有一组标记有类而不是id的按钮,你可以使用 $$()
,它接受一个css选择器并返回一个元素数组。
您可以从中获取结果并对其进行迭代,为每个按钮添加单击行为。
$(".bg_button").each(function(button){
button.observe('click', function(){
new Ajax.Request(url, {
method: 'get',
parameters: { key: 'value' },
onSuccess: function(res){
// handle the result
}
});
});
});
要了解有关原型如何运作的更多信息,请查看他们的api文档。我认为它们非常好。
其他提示
$("my_button").observe('click', function(){
new Ajax.Request(url, {
method: 'get',
parameters: { "key": "value" },
onSuccess: function(res){
// handle the result
}
});
}
就是这样。
不隶属于 StackOverflow