Javascript JS错误：输入字段与xmlhttp响应文本重复_Javascript_Html

Javascript JS错误：输入字段与xmlhttp响应文本重复

javascript html

Javascript JS错误：输入字段与xmlhttp响应文本重复,javascript,html,Javascript,Html,这是我昨晚问的另一个问题的后续问题。我现在的问题不是脚本不起作用，而是当我的xmlhttprequest对象返回响应文本时，我得到了一些非常奇怪的HTML输入元素的重复。代码如下： <!DOCTYPE HTML> <?php if(!empty($_GET['uName'])) { $r = mysql_connect("localhost", "root", "pass") or die("Couldn't connect to db");

这是我昨晚问的另一个问题的后续问题。我现在的问题不是脚本不起作用，而是当我的xmlhttprequest对象返回响应文本时，我得到了一些非常奇怪的HTML输入元素的重复。代码如下：

<!DOCTYPE HTML>

<?php

    if(!empty($_GET['uName']))
    {
        $r = mysql_connect("localhost", "root", "pass") or die("Couldn't connect to db");
        mysql_select_db("db", $r) or die ("Couldn't select db");
        $q = mysql_query("select * from users where uName = '{$_GET['uName']}'") or die("Couldn't query table");
        $data = mysql_fetch_assoc($q);
        mysql_close($r);
    }

?>

<html>

<head>

</head>

<body>

<form>

    <input type="text" name="fUName" onchange="ShowUser(fUName.value);" value="name" style="width:125px;">

</form>

<div id="display"><?php print "ID = {$data['id']}"; ?></div>

</body>

</html>

<script type='text/javascript'>

function ShowUser(name)
{
    if(name.length == 0)
    {
        document.getElementById("display").innerHTML = "Please enter a username to check";
        return;
    }
    if(window.XMLHttpRequest)
    {
        xmlhttp = new XMLHttpRequest();
    }
    else
    {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

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

    xmlhttp.open("GET", "index.php?uName=" + name, true);
    xmlhttp.send();

}

</script>


问题在于所有代码都在一个页面中。考虑这一点：加载了.NoX.php。显示完所有内容后，您再次调用同一页面（针对AJAX请求），因此您实际上是在说“嘿，我希望您再次尝试加载此页面”，因此您最终会出现重复字段
尝试将文件分成index.php和getuser.php之类的格式。
谢谢，现在可以了。我不应该匆忙编写脚本，即使是我想的快速示例！：）