jquery ajax post () запрос не отправлен с заголовком XHR

Question

Ниже приведен javascript из моего шаблона erb.Когда пользователь отправляет форму, она должна быть перехвачена jquery, данные, отправленные с помощью $ .post (), и возвращение false должны препятствовать перенаправлению страницы, а форма отправляется традиционным способом.Но я все еще получаю редирект и request.xhr?возвращает ложь.

<% 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;
    });
});