AJAX Post

**Swivelgames** · Apr 11, 2008 17:22

Hey all, I can't seem to figure out how to send parameters over to my PHP file using JS.

Heres the code I use:

Code:

var params = 'param1=test&param2=test2'
xmlhttp=new XMLHttpRequest()
xmlhttp.open("POST",url,true)
xmlhttp.setRequestHeader("Content-Type", "text/xml; charset=utf-8");
xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.setRequestHeader("Connection", "close");
xmlhttp.onreadystatechange= function() { alert(xmlhttp.responseText) };
xmlhttp.send(params)

It sends the POST with no errors, but my PHP file is not able to get it. I'm using $_POST['param1'] and $_POST['param2']...
Help?

**Dan Grossman** · Apr 11, 2008 17:26

Try changing the content type header:

Code:

xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

**Swivelgames** · Apr 12, 2008 12:01

Already did... Its sending the data but my script just isn't receiving it...

I use Firebug to monitor my xmlhttpRequests and its sending correctly and everything. Not sure why its not working...

**jimfraser** · Apr 14, 2008 08:47

Here is a test page made out of your script, which works:

Code:

<html>
<head>
<script type="text/javascript">
var xmlhttp;
function doajax(theURL) {
	var params = 'param1=test&param2=test2'
	xmlhttp=new XMLHttpRequest()
	xmlhttp.open("POST",theURL,true)
	xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xmlhttp.setRequestHeader("Content-length", params.length);
	xmlhttp.setRequestHeader("Connection", "close");
	xmlhttp.onreadystatechange= function() {
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
			alert(xmlhttp.responseText) 
	};
	xmlhttp.send(params)
}
</script>
</head>
<body>
<button onclick="doajax('ajtest1.php');">ajax text</button>
</body>
</html>

Code:

<?php
echo "response: param1=" . $_POST['param1'] . ", param2=" . $_POST['param2'];
?>

User Tag List

Thread: AJAX Post

Thread Tools

Display

AJAX Post

Bookmarks

Bookmarks

Posting Permissions