Is there a way to submit a “fake” form using jQuery?

Question

What I want to do is make a POST request with arbitrary params, much like submitting a form. That is not merely doing the XHR. What I ideally want is to emulate a submit (like submiting a form, not POSTiing and then redirecting). I want to avoid the latency of $.post + window.top.location = blah

The most direct way would be to have a 'fake' form and insert a bunch of elements, then serialize and use jQuery.submit(), something like Is there a way using jQuery to submit a form without the elaborate field by field breakdown?

I wish there were a more elegant way.

My use case is that I am gathering a bunch of random fields through external API calls (from Facebook and other services) and want to submit ALL that info at once to user creation, as if the user filled out all this information and pressed 'submit'

Any suggestions? Thanks!

Answer 1

yes

you can use $.ajax (example)

or $.post and $.get ... example:

$.post(
          "url_to_page",
          /* string like this: "text=me%20man&mail=peace@man.com or an object": */
          {text: "me man", mail: "peace@man.com"}
      )
      /* you can check if the request was submitted successfully */
      .success(function(data) {
          alert("Success!");
          alert(data); //data on page
      })
      /* you can check if the request failed */
      .error(function() {
          alert("Error!");
      });