Hello. I am new at AJAX, today, I made a small script, that will post a data and return that data.
It works very well in my Localhost:
but after I had uploaded to my hosting, It didn't work anymore.
I don't understand what happened.
here is my code:
file ajax_post :
<!DOCTYPE html>
<html>
<head>
<title>The 2nd ajax</title>
<meta charset="UTF-8">
<script>
function loadXML(){
var httpXML;
if (window.XMLHttpRequest) httpXML= new XMLHttpRequest();
else httpXML=new ActiveXObject("Microsoft.XMLHTTP");
httpXML.onreadystatechange=function(){
/* readyState: 0: request not initialized
1: server connection established
2: request received
3: processing request
4: request fished and response is readyState
status: 200: "ok";
404: page not found */
if (httpXML.readyState==4 && httpXML.status==200){
document.getElementById('myDiv').innerHTML= httpXML.responseText;
}
}
httpXML.open("POST","test.php",true);
httpXML.setRequestHeader("Content-type","application/x-www-form-urlencoded");
httpXML.send("input="+document.getElementById('form1').value);
}
</script>
<body>
<input type="text" value ="Type something" name ="input" id="form1"/>
<button type="submit" onclick ="loadXML()"> Click here</button>
<div id="myDiv"> The information appears here. </div>
</body>
</head>
file test.php:
<?php
echo "you have inputted:".$_POST['input'];
?>
Please help me to resolve this!