Problem submitting a form

[cccaballero]

Hi, I am defining a pjax container in that way:

$.pjax({
            async: false,
            push: false,
            url: "http://theurl.com/form",
            container: ".pjax-component[data-pjax-component-id='123']",
            timeout: 30000,
        });

It loads well the url (which contains a form), and I am implementing the form submission in that way:

// trap form submit
$(document).on('submit', ".pjax-component[data-pjax-component-id='123'] form", function(event) {
    event.preventDefault(); // stop default submit behavior
    $.pjax.submit(event, ".pjax-component[data-pjax-component-id='123']");
});

When the form is sumitted it reloads the whole page. I track the problem to the handleSubmit() function, it gets a null options value, and the optionsFor() function returns an options object with "http://theurl.com/#" as url value, when it should be "http://theurl.com/form", in fact, if I add the line:

options.url = "http://theurl.com/form";

to the handleSubmit() function, it works well (only for that container, of course)

I may be seeing something similar; the POST to the back-end server contains no form data. I'm not setting any pjax options like OP. My submit code is very similar:

$(document).on('submit', 'form[data-pjax]', function(event) {
     if ($('#theform').validator('validate').has('.has-error').length == 0) {
           $.pjax.submit(event, '#key', {type: "POST"});
     }
});

and my form declaration looks like this:

 <form id="theform" class="form-horizontal" data-toggle="validator" 
            role="form" method="post" data-pjax>

The server does receive the POST and the query has the expected headers; it's just that the post contains no form data, at all.

Environment:

• Chrome
• OSX (El Capitan)
• jQuery 2.2.4
• bootstrap 3.3.7
• bootstrap-validator 0.11.5

@cccaballero, did you ever figure out your issue?

I found a (really hacky) solution: #539 . That issue refers to old browsers, but at the moment the pjax bug that forces the need for the hack also appears to be affecting the most current (at the time of this writing) version of Chrome. Adding the following code inside the $(document).on('submit', .... function causes pjax to begin correctly submitting form data:

/* BEGIN HACK */
  var formDataBkp = window.FormData;
  window.FormData = undefined;
  $("#theform").on("pjax:beforeSend", function (options, xhr) {
     window.FormData = formDataBkp;
  });
/* END HACK */

Hope this helps somebody else, and looking forward to the fix that allows us to remove the hack.