javascript - この非常に単純な AJAX スクリプトが機能しないのはなぜですか

Question

非常に単純な AJAX を作成しようとしているだけですが、何もありません。ありがとう！

<script>
function update()
{

if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

  var str='test';

xmlhttp.open("GET","localhost/userupdate.php?q="+str,true);
xmlhttp.send();
}
</script>

php ページ localhost/userupdate.php (WAMP)

<?php
$q=$_GET["q"];
echo $q;
?>

Answer 1

まず、xmlhttp.open--で完全な URL を使用する必要がありますhttp://localhost/userupdate.php。userupdate.phpファイルがこのスクリプトと同じディレクトリにある場合は、代わりに単純に使用できますuserupdate.php。

第二に、応答に対して何もしていません。応答は文字列なので、responseTextプロパティを使用して取得できます。

function update() {

    if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else { // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            console.log(xmlhttp.responseText);
        }
    }

    var str = 'test';

    xmlhttp.open("GET", "http://localhost/userupdate.php?q=" + str, true);
    xmlhttp.send();
}