rails AJAX方法 操作后需要执行js文件中命令的方法

来源:互联网 发布:免费手机数据恢复 编辑:程序博客网 时间:2024/05/22 08:19

form_for 方法协助编写表单,可指定 :remote 选项,用法如下:

<%=form_for(@post, remote: true)do|f| %>
  ...
<%end %>

生成的 HTML 如下:

<formaccept-charset="UTF-8"action="/posts"class="new_post"data-remote="true"id="new_post"method="post">
  ...
</form>

注意 data-remote="true" 属性,现在这个表单不会通过常规的提交按钮方式提交,而是通过 Ajax 提交。

或许你并不需要一个只能填写内容的表单,而是想在表单提交成功后做些事情。为此,我们要绑定到 ajax:success 事件上。处理表单提交失败的程序要绑定到 ajax:error 事件上。例如:

$(document).ready ->
  $("#new_post").on("ajax:success", (e, data, status, xhr) ->
    $("#new_post").append xhr.responseText
  ).on "ajax:error", (e, xhr, status, error) ->
    $("#new_post").append "<p>ERROR</p>"

显然你需要的功能比这要复杂,上面的例子只是个入门。关于事件的更多内容请阅读 jquery-ujs 的维基。


0 0