Web page: Send data to server without page reload.

[IHateMyJob2004]

I have an interesting problem. I have a web page with many forms (100). These forms are all combo boxes. There is nothing that the user can fill in.

I am doing everything in php. Also using YUI 2 and javascript as needed.

I need to add a text field that the user can fill in. When pressing a submit button (that I have yet to add) I want to take the form data (100 forms) and send the values to the server. I was just going to do this via URL arguments (like x.php?a=1&b=2).

That is a solution. But is there an easy solution that would avoid page reloads? Right now, YUI has allowed me to make a very nice page that requires no page reloading. It is VERY user friendly because of this.

As a side note, I intend on URL encoding the text that the user submits.

 

[speg]

You can send the form with a JavaScript XMLHttpRequest object and never have to leave the page.

 

[PhatoseAlpha]

This is exactly the reason AJAX exists.

According to the documentation, YUI 2 has a utility called connection manager, which is essentially an AJAX framework. JQuery has similar functionality, and you can always roll your own if needs be.

 

[beginner99]

I'm not exactly sure what your page looks like. Do you have 1 Form with 100 Comboboxes?

Or really 100 forms? show HTML code.

Anyway as alternative to above you could submit using post and keep any data you need after the redirect in the php session variable.