检索sql数据&将其打印到表单字段中

时间:2012-11-10 12:58:39

标签: php ajax

这是一个例子,如果我输入id,那么它将从数据库&在表单字段中打印它。我的数据库只有三个列,名称&数。这是我的index.html文件:

    <html>

<head>

    <script>

        function showData(str)
        {
            if (str=="")
            {
                document.getElementById("ajax-content").innerHTML="";
                return;
            } 

            // Code for IE7+, Firefox, Chrome, Opera, Safari
            if (window.XMLHttpRequest)
            {
                xmlhttp=new XMLHttpRequest();
            }

            // Code for IE6, IE5
            else
            {
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }

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

            xmlhttp.open("GET","showData.php?id="+str,true);

            xmlhttp.send();

        }
        return true;

    </script>

</head>

<body>


    <p>Please Enter Your Staff ID:</p>
    <div><input onkeyup="if (event.keyCode == 13) showData(this.value); return false;" /></div>



<div id="ajax-content"></div>

</body>
</html>

这是我的showData.php文件:

    <?php

    // Receive variable from URI
    $id=$_GET["id"];

    // Connect to your database
    $con = mysql_connect('localhost', 'root', '');
    if (!$con)
    {
        die('Could not connect: ' . mysql_error());
    }

    // Select your database
    mysql_select_db("test_01", $con);

    // Select all fields from your table
    $sql="SELECT * FROM staffdetails WHERE id = '".$id."'";

    $result = mysql_query($sql);

    while($row = mysql_fetch_array($result))
    {

        echo "Staff Name:" . "<input type='text' value='" . $row['name'] . "'>";
        echo "</br>";
        echo "Contact No.:" . "<input type='text' value='" . $row['number'] . "'>";
    }

    // Close the connection
    mysql_close($con);

?>

现在我要做的是,在给定的表单字段中显示数据,而不是使用表单字段打印数据。这意味着,名称&amp;数字输入字段已经在id字段的表单中。当我输入id然后它会撤回数据&amp;在给定的表单字段中显示它。有人可以帮忙吗?谢谢!

1 个答案:

答案 0 :(得分:0)

index.html页面中存在javascript错误。 return true语句应在函数括号内。

还可以尝试在index.html页面的顶部添加文档类型内容类型,以显示文本字段而不是打印它。

希望这有助于解决您的问题。