Ruby on Rails 使用 Ajax

下面完成一个测试，一个页面上有一个按钮和一个空的div,点了按钮后，通过Ajax调用Action，然后在这个div中填充一个字符串

1 首先设置一个路由(Ajax 提交的目标url）

match '/people/update/ajaxtest', to: 'peoples#ajaxtest', via:'get'

2 下面是我们的测试页面（这个页面的路由自己随便设置）

<button type="button", id="new_task">Link</button>

<div id="taskform">

</div>

<script>
$(document).ready(function(){
$('#new_task').click(function(){

$.ajax({

url: "/people/update/ajaxtest",

});
});
});
</script>

3 在 PeoplesController 中添加Action (你可以随便放在你的Controller中,只要路由对就可以了)

def ajaxtest
respond_to do |format|
format.js
format.html
end
end

4 对于Action新建一个模板 ajaxtest.js.erb 放在对应的controller view目录下 文件名对应action名，代码如下

$('#taskform').html("Fuck you man");

这个时候，点击页面上的按钮，就会出现“Fuck you man”这一字符串，当然，也可以替换成渲染一个局部模板