Posting Form Data Through AJAX

Alternative to building a string? If not, getting all values of multi field

[wdavis10]

First off, I am trying to post form data through an ajax call to send to a php script. The only way I can find is by assigning the current form fields and values to vars and then making a string to pass.

If there is a way to directly post data like a normal form I would much rather that. I have found a way that almost works.

I am wanting to get all of the values in a form to be passed through without having to predefine each of them. I use this script (not exactly this):

for(i=0; i<document.form_name.elements.length; i++)
{
field_string += " & " + document.form_name.elements[i].name + " = " + document.form_name.elements[i].value;
}

The problem is that it doesn't get all of the values for a multiple field list. It only grabs the first one selected. Is there a way to check to see if a field is an array in JS and get the values?

[wdavis10]

I can't seem to get the "post" to pass through although I can send vars with get...

xmlhttp.open("POST","script.php",true); 
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send(parameters);

Parameter looks like this:

thing=value&thing_2=value_2&thing_3=value_3

[Arno_Adams]

Try this:

var parameters= 'field1=' + document.getElementById('field1').value;
parameters+= '&field2' + document.getElementById('field2').value;

HTH, Tom

[wdavis10]

When I get parameters, it returns the string I have above. My problem lies in [assing the string as a post through the function...I'm not sure if it is the header setup or what I am doing wrong

[wdavis10]

Make sure that parameters has a value! This now works for me after much turmoil..

xmlhttp.open("POST", "includes/prop_upload_form.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-length", parameters.length);
xmlhttp.setRequestHeader("Connection", "close");
xmlhttp.send(parameters);