jquery ajax post() 请求未使用 XHR 标头发送

Question

以下是我的 erb 模板中的 javascript。当用户提交表单时，应该被jquery劫持，通过$.post()提交的数据，返回false应该防止页面重定向，并以传统方式提交表单。但我仍然得到重定向和request.xhr？正在返回 false。

<% javascript_tag do %>
  jQuery(document).ready(function($){

    action = $('.edit_profile').attr('action');

    $('.edit_profile').submit(function(){

      form_data = $('.edit_profile').serialize();

      $.post(action, function($('.edit_profile').serialize()){
        $.colorbox.close();
      });
      return false;
    })
  });
<% end %>

Answer 1

试试这个，你的脚本有一些问题。

$(function(){
    $('.edit_profile').submit(function(){
        var form_data = $('.edit_profile').serialize();
        $.post(this.action, form_data, function(){
            $.colorbox.close();
        });
        return false;
    });
});