I need a form to be submitted without the page actually changing. I don't know much about javascript/ajax/jquery, but is there a way for a form to be submitted without the page changing? For instance, maybe when the user clicks the submit button some javascript code could make an HTTP GET or POST request to a PHP file that then acts on the information?

Anyone have any idea how this can be done easily?

I need a form to be submitted without the page actually changing.

Explain a little more, what do you mean by "without the page actually changing"?

Do you mean without the URL changing?

Yes, you can do with ajax with JQuery
look my example : jsfiddle.net/Sonic3R/9fzuJ/1/
at bottom of Javascript section, you'll find a PHP example, how it works with Ajax

Documentation : api.jquery.com/jQuery.ajax/


PS: @chrishirst-> I guess he refers to backend script, without reloading page

Originally Posted by Sonic3R

PS: @chrishirst-> I guess he refers to backend script, without reloading page

Ah well! I've been programming for long enough to know that guessing is rarely the best choice when developing a code solution.

Ok chris, I don't guess anymore , I'm sure what he wants :P. Are you happy now or have you something against me ? Every post where I did, you are against me ... every time.

It's nothing personal. EVERYBODY gets the same treatment regardless. There is more than enough mis-information around already, I simply try to redress the balance slightly whenever possible.

Sonic3R - Thanks for your help. I'll try understanding the code you posted.

Originally Posted by chrishirst

Explain a little more, what do you mean by "without the page actually changing"?

Do you mean without the URL changing?

Normally when a form is submitted, the page changes or reloads, and I don't want the page to change. I.E. When someone clicks the submit button, perhaps a little message saying "thanks for submitting" pops up below the form, but that's it; the page doesn't change.

Originally Posted by Learnin' n00b

Sonic3R - Thanks for your help. I'll try understanding the code you posted.



Normally when a form is submitted, the page changes or reloads, and I don't want the page to change. I.E. When someone clicks the submit button, perhaps a little message saying "thanks for submitting" pops up below the form, but that's it; the page doesn't change.

Then yes..
Jquery is quite handy..

You still need to have the submit page ( the page you call to actually do teh leg work )

However in this case when someone clicks submit.
Jquery/ajax/whatever will get the form data and send it to your page in the background.
It would then do something like. document.write"done"; etc..

http://api.jquery.com/submit/

Mootools can also do the job just the same.

You can use several methods, i preferr Request HTML because you can return nice formated html from php proccessing page:

http://mootools.net/docs/core/Request/Request.HTML

This can be also useful to you, form validation class, which is just a make up so it looks better.

http://mootools.net/docs/more/Forms/Form.Validator