I cannot get my simple ajax script to run. The code should be pretty simple. The ajax script is:
<html>
<head><title>Testing ajax</title>
<script type="text/javascript">
function ajax() {
var xmlhttp;
var fname=document.getElementById("fname").value;
if(window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
} else {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("output").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","ajax.php?fname="+fname,true);
xmlhttp.send();
}
</script>
</head>
<body>
<form>
<input type="text" id="fname">
<input type="text" id="lname">
<input type="submit" id="submit" onclick="ajax()">
</form>
<div id="output"></div>
</body>
And the php script is:
<?php
$fname=$_GET['fname'];
echo "<p>Hello ".$fname."</p>";
?>
I have also tried:
xmlhttp.open("POST","ajax.php",true);
xmlhttp.setRequestHeader("Content-type","application/pass-data");
xmlhttp.send("fname="+fname);
I can't get neither post not get method to send data. Am I not seeing something simple?
