javascript form

[besly98]

Hi All,

i have used this tutorial on my site, but i wish to have a whole form submitting not just one select box.

 

http://www.w3schools.com/php/php_ajax_xml.asp

 

how can i amend this to submit multiple data?

 

Thanks

 

 

[Psycho]

You would just change the javascript to get all the fields and create a single string for the data being sent. Here is only part of the code you need. I'm not going to write the whole thing

//Create string of all the fields and values
var formData;
formData += 'name=' + document.getElementById('name').value;
formData += '&email=' + document.getElementById('email').value;
formData += '&address=' + document.getElementById('address').value;
formData += '&phone=' + document.getElementById('phone').value;

//...

//Send the data in the ajax call
xmlhttp.open("GET", "somepage.php?"+formData, true);
xmlhttp.send();

 

However, if you are sending a whole form, is there really a need to do this in AJAX? Just submit the form normally.

[besly98]

yes, but currently the fucktion only calls one part

 

function showCD(str)

 

how do i get it to send all the form?

 

 

[Psycho]

I just gave you the solution. Do not pass a single value to the function. Instead have the function create the query string as needed. Or just create a function called submitForm() which then calls the showCD().

function submitForm() 
{
    var formData;
    formData += 'name=' + document.getElementById('name').value;
    formData += '&email=' + document.getElementById('email').value;
    formData += '&address=' + document.getElementById('address').value;
    formData += '&phone=' + document.getElementById('phone').value;
    showCD(formData);
}

 

Really, that tutorial is just that - a tutorial. You really should rewrite the function(s) as needed for your situation.