私は現在Ajaxを学びたいと思っており、チュートリアルに従っています。私はそれからちょうど単語「成功」をエコー表示command.phpという名前のPHPファイルを持っているこのコードが正しく機能しないのはなぜですか?
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function MyFunction(){
var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}
else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
document.getElementById("MyDiv").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("POST", "command.php", true);
xmlhttp.send();
}
</script>
</head>
<body>
<button onclick="MyFunction()">Execute</button>
<div id="MyDiv"></div>
</body>
</html>
:私は、次のスクリプトを作成しました。
明らかに、このスクリプトの目的は、実行ボタンがクリックされたときに「成功」という単語を返すことです。私はこれを非常に正確にチュートリアルに従っているので、私は何を書いたのが間違っているのか分かりません。
私は他のAjaxチュートリアルを見て、彼らが何をしていたのかを見てきました。 Ajaxのいくつかの亜種は、他のものと非常に異なって見えるようです。つまり、多くのチュートリアルには、私が書いたようなコードが含まれていますが、他の多くのもの(this oneなど)はかなり異なって見え、多くの '$'記号が含まれています。どうしてこれなの?
このチュートリアルは非常に古いものでなければなりません。 'new ActiveXObject(" Microsoft.XMLHTTP ")を使ったフォールバックは、Internet Explorer 6以前でのみ必要です。私はそれをスキップし、ちょうどXmlHttpRequestを使用します。 – GolezTrol
'jQuery'を使ってやってみてください。簡単で、より良い方法です...! –
これはAJAXリクエストの例です。http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_post –