0

次のコードは機能せず、理由はわかりません。つまり、サーバーファイルのテキストが画面に印刷されていません。ですから、私が変更しようとしているテキストは変更されません。

の設定の最初のセクションajaxRequestは、他のサンプルコードでも機能しました。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>

</head>
<body>

<script type="text/javascript">

//Browser Support Code
function ajaxFunction()
{
var ajaxRequest;  

try{
    // Opera 8.0+, Firefox, Safari
    ajaxRequest = new XMLHttpRequest();
} catch (e){
    // Internet Explorer Browsers
    try{
        ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try{
            ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e){
            // Something went wrong
            alert("Your browser broke!");
            return false;
        }
    }
}

問題はここのどこかにあると確信していますが、どこにあるのかわかりません。

ajaxRequest.onreadystatechange = function()
    {
    if(ajaxRequest.readyState == 4)
            {
                document.getElementById("time").innerHTML = ajaxRequest.responseText;
    }
}
ajaxRequest.open("POST", "serverTime.php", true);
ajaxRequest.send(null); 
}


</script>

<form name='myForm'>
    Name: <input type='text' onChange="ajaxFunction();" name='username' /> <br />
      <p id="time">Original text</p>
</form>


</body>
</html>

以下はのコードですserverTime.php：

<?php

echo "Hello world."; 
?>

'username'入力に「test」と入力すると、ブラウザは次のようになります。

http://localhost/ajax_testing/ajax_tut.html?username=test
4

0 に答える 0