Question

我仔细检查了我的代码，我找不到哪个部分我做错了。每次我点击按钮，它都不会从我的generate.php

中检索文件

的index.php

<html>
    <head>
        <title>Title</title>
        <script type="text/javascript">

            function myLoad(){
                if(window.XMLHttpRequest){
                    xmlhttp = new XMLHttpRequest();
                }else{
                    xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
                }

                xmlhttp.onreadystatechange = function(){
                    if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
                        document.getElementById('par').innerHTML == xmlhttp.responseText;
                    }
                }

                xmlhttp.open('GET', 'generate.php', true);
                xmlhttp.send();
            }

        </script>
    </head>

    <body>
        <div id="par"></div>
        <input type="button" value="Click" onclick="myLoad();">
    </body>
</html>

GENERATE.PHP

<?php
    echo 'Hello';
?>

Answer 1

document.getElementById('par').innerHTML == xmlhttp.responseText;
                                         ^ // here is problem it should be =

document.getElementById('par').innerHTML = xmlhttp.responseText;

Answer 2

错字在这里：

document.getElementById('par').innerHTML == xmlhttp.responseText;
------------------------------------------^ // Make it just =

Answer 3

将此代码复制到index.php文件中。我相信它会解决你的问题，当你点击按钮时，它会从generate.php文件调用'Hello'。

<html>
<head>
<title>Title</title>
    <script type="text/javascript">

    function myLoad()
    {
        var xmlhttp;
        if (window.XMLHttpRequest){
            xmlhttp=new XMLHttpRequest();
        }
        else{
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }

        xmlhttp.onreadystatechange=function()               {
            if (xmlhttp.readyState==4 && xmlhttp.status==200){
                document.getElementById("par").innerHTML=xmlhttp.responseText;
            }
        }

        xmlhttp.open("GET","generate.php",true);
        xmlhttp.send();
    }

</script>
</head>

<body>
    <input type="button" value="Click" onclick="myLoad();">
    <div id="par"></div>
</body>
</html>

Ajax不起作用

3 个答案:

错字在这里：