javascript - AJAX - PHP - 内容未加载

我是 AJAX 新手。

我正在尝试将 PHP 文件中的一些内容加载到 load.html 中。我在文本框的 onKeyUp 事件上创建了该函数。

但它总是显示“UNDEFINED”作为输出。 :(

请帮助我

load.html 文件

<!DOCTYPE html>
<html>
    <head>
        <script>
            function NickName(nick){
                var xmlhttp;
                if(window.XMLHttpRequest){
                    xmlhttp = new XMLHttpRequest();
                } else {
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.onreadystatechange = function(){
                    if(xmlhttp.status==200 && xmlhttp.readyState ==4){
                        document.getElementById("divNick").innerHTML = xmlhttp.reponseText;
                    }
                }
                xmlhttp.open("GET","myphp.php?key="+nick,true);
                xmlhttp.send();
            }
        </script>
    </head>
    <body>
        <div id="divNick"></div>
        <input type="text" id="text_box" onKeyUp="NickName(this.value)">
    </body>
</html>

以及 myphp.php 文件

<?php

if(isset($_GET['key']))
{
    $key = $_GET['key'];

    $choice1 = "Shifar";
    $choice2 = "Nidal";

    if($key==$choice1)
    {
        echo "Shifz";
    }
    else if($key==$choice2)
    {
        echo "Steavz";
    }
    else
    {
        echo "No Match Found";
    }

}




?>

提前致谢。希法尔希夫兹

最佳答案

这是因为您没有指定正确的函数名称。

您定义了一个名为 NickName 的函数，并调用了另一个名为 NicKName