Submit form without page refresh.

[fishbaitfood]

Hey all,

 

I have this form I'd like to submit without a page refresh.

Someone said it was as simple as using the Ajax .request() function.. Seems unlikely to me?

 

So basically, I have this form with data, which will be inserted into a database after submit, and instantly goes back to the form page using header('Location: index.php').

 

Besides the refresh, this works perfectly.

 

Is it possible, to post my form without a refresh, but still submitting data to the process page where the data is inserted into tables and brings me back with header?

 

So Ajax or jQuery doesn't need to fetch the output from the process page, but just post it. Sure this is possible, right?

 

I've tried to find examples on my situation, but I haven't found one.

 

Thank you.

[fishbaitfood]

Anybody can help me with this?

[ploppy]

You would need to use a library like jquery. You could also use there serialize function which would process all form elements then submit to php using ajax.

[fishbaitfood]

Thanks for your reply!

 

But in all scripts I've seen so far, to send a form with ajax, it needs an "output" back, right?

In my case, I just want to send the form, only send. My process page has a header('Location: index.php'), to get back. But I guess that won't work, right?

[AyKay47]

what do you mean "output" back?

jquery can send the data to the specified page without receiving "output" back..

[fishbaitfood]

So this line should do it?

 

$.post('process.php', $("#myform").serialize());

 

 

But the header('Location: index.php') when the process is complete, will cause a refresh I guess, right?  :-\

[AyKay47]

should, and its hard to tell without seeing the entire relevant code.. but if you have a header() after this code then yes it will redirect you to that url..

[fishbaitfood]

Dang, it's really that simple huh?! 

It worked. 

I just needed to remove that header('Location: index.php') in my process page.

 

Weird that I haven't tested this earlier...  :-\

 

Thanks!