Submit a Form without redirecting

Question

I want to submit a form without redirecting page. Form is submitted to third party so i can't make changes in php. What I want to do is:-

Submit for without visiting third party page.
After successful submit show alert.

Current I am using hidden iframe and form target to hidden iframe but I am not satisfied. Is there is any better way to do this using javascript or jquery.

My Form:-

<form target="iframe" action="http://www.example.com"  type="post" id="myform">
<input type="text" value="" name="name">
<input type="submit" name="submit">
</form>

My Iframe:-

<iframe style="display:none" id="iframe"></iframe>

If the things you need to do, or show are client-side only, you could use Javascript, if you do need some server-side action, you will need a postback. — Max, Dec 28 '13 at 10:47
Consider submitting your form with asyncronous JavaScript and XML: http://stackoverflow.com/questions/1960240/jquery-ajax-submit-form — Ilya Tereschuk, Dec 28 '13 at 10:48
I have a doubt.. Where is method attribute for this form? Is it a valid? — Hitesh Gaur, Dec 28 '13 at 11:11
why not set up a simple php script on your server to act like a proxy? — Hayko Koryun, Dec 28 '13 at 12:18
@user3141688 I've added an answer, try it out and see if it works. — Hayko Koryun, Dec 28 '13 at 13:12

score 1 · Answer 1 · answered Dec 28 '13 at 10:48

1

You need to use Ajax for that kind of request.

Please look at some tutorials, this for example http://www.w3bees.com/2013/08/submit-form-without-page-refresh-with.html

answered Dec 28 '13 at 10:48

alexanderkustov

496
1
5
16

I am submitting form to third party. I can't make change in php. – user3141688 Dec 28 '13 at 10:56
Still you can manage that. http://isometriks.com/jquery-ajax-form-submission-with-iframes – alexanderkustov Dec 28 '13 at 10:59

score 1 · Answer 2 · answered Dec 28 '13 at 10:49

1

Change the iframes id attribute to name:

<iframe style="display:none" name="iframe"></iframe>

answered Dec 28 '13 at 10:49

pstenstrm

6,339
5
41
62

the code I have written there are working correctly. I want to know is there is any other way to do this. – user3141688 Dec 28 '13 at 10:52

score 0 · Answer 3 · answered Dec 28 '13 at 11:02

You can use jquery here

 <form  action="http://www.example.com" id="myform">
 <input type="text" value="" name="name">
 <input type="submit" name="submit">
 </form>

and after in jquery you write like

   // bind to the form's submit event 
    $('#myform').submit(function() { 
     alert("ok");
     return true; 
   });

score 0 · Answer 4 · answered Dec 28 '13 at 13:12

Consider using a PHP proxy.

Copy the script from here to anywhere you like on your own server.

Modify line 11 so that it points to the URL you are posting to at the moment.
// Destination URL: Where this proxy leads to.
$destinationURL = 'http://www.otherdomain.com/backend.php';

Then in your ajax script, change the URL to your proxy.php script.

Submit a Form without redirecting

4 Answers4

Linked