Submit a form using JSONP

Question

I want to publish a form with JSONP, is there a possible solution?

I want to submit the form to another domain from jsonp.

Answer 1

You cannot do cross-origin POST using JSONP.

However, you can:

• Serialize the form into a query string and submit it along with the GET request.
• Use CORS (Cross Origin Resource Sharing) if you can only target modern browsers.

Answer 2

A JSONP request simply creates a script tag with a function call:

JavaScript:

var head = document.getElementsByTagName("head")[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script src = 'url_to_post.serverside?callback=callback_function';

var callback_function(response) {
    head.removeChild(script);
    alert(response.abc); // returns def;
};

url_to_post.serverside:

callback_function({"abc": "def"});

, , GET.

:)

Answer 3

$.POST, $.GET, $.AJAX:

$('form').serialize()