自动填充php表单

自动填充php表单,php,forms,auto-populate,Php,Forms,Auto Populate,我试图创建一个具有自动填充功能的表单,其中用户输入员工ID,并且在离开员工ID字段时填充姓名、职务、状态等字段,类似于中表格的功能。数据稍后将提交到另一个数据库,以跟踪其他用户输入的信息。然而,当我组装文件时,我似乎无法让onchange功能正常工作。以下是表格: 表格本身: <!DOCTYPE html> <html lang="en"> <head> <title></title> <script type

我试图创建一个具有自动填充功能的表单,其中用户输入员工ID,并且在离开员工ID字段时填充姓名、职务、状态等字段,类似于中表格的功能。数据稍后将提交到另一个数据库,以跟踪其他用户输入的信息。然而,当我组装文件时,我似乎无法让onchange功能正常工作。以下是表格:

表格本身:

<!DOCTYPE html>

<html lang="en">

<head>
    <title></title>
    <script type="text/javascript" src="scripts.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <meta charset="utf-8" />

</head>

<body>

    <form id="entry" name="entry" method="post">


            <label for="employeeid" class="stdlabel">Employee ID:</label>
                <input type="text" id="employeeID" name="employeeID" onchange="geteedata()">
        <br>
            <label for="employeename" class="stdlabel">Employee Name:</label>
                <input id ="employeename" type="text" name="employeename">
        <br>
            <label for="employeestatus "class="stdlabel">Status:</label>
                <input type="text" name="employeestatus" >
        <br>
            <label for="employeetitle"class="stdlabel">Job Title:</label>
                <input type="text" name="employeetitle" >
        <br>
            <label for="loccode" class="stdlabel">Employee Loc Code:</label>
                <input type="text" name="loccode" >

    <input type="submit" name ="submit" value="Submit" style="margin-right:10px">
  </form>

 <?php
      if(isset($_POST['submit'])){

        $con = mysql_connect("localhost", "root", "xxx");
        if(!$con) {
            die("Cannot connect to database:" . mysql_error()); 
        }

        mysql_select_db("mydb", $con);

        $sql = "INSERT INTO casetracker (emplid,empname,empjobtitle,status, loccode) VALUES ('$_POST[employeeid]','$_POST[employeename]','$_POST[employeetitle]','$_POST[employeestatus]','$_POST[loccode]')";

        mysql_query($sql,$con) or die(mysql_error());
        mysql_close($con);

    ?>                
</body>

</html>
下面是search.inc.php:

if(strlen($param)>0){
$result = mysql_query("SELECT * FROM employee_data WHERE Pernr ='$param'");
if(mysql_num_rows($result)==1) {
while($myrow = mysql_fetch_array($result)){
   $employeename = $myrow["Last_First"];
   $employeestatus = $myrow["Emp_Status"];
   $employeetitle = $myrow["Position_Text"];
   $loccode = $myrow["loccode"];
   $textout .= $employeename.",".$employeestatus.",".$employeetitle.",".$loccode;
}
} else {
$textout=" , , ,".$param;
}
}
echo $textout;
有没有人想到我忘记了什么、错过了什么或做得不对


提前谢谢

在发送请求之前,您似乎没有创建XMLHttpRequest对象的实例

请尝试以下操作:

function geteedata() {
var url = "search.inc.php?param=";
var idValue = document.getElementById("employeeID").value;
var myRandom = parseInt(Math.random() * 99999999);  // cache buster

var http = new XMLHttpRequest();
http.open("GET", url + escape(idValue) + "&rand=" + myRandom, true);
http.onreadystatechange = handleHttpResponse;
http.send(null);
}

查看更多信息。

jQuery确实简化了AJAX:您知道哪部分不起作用吗?请求发出了,但是php没有返回您期望的结果吗?嘿,Jack。我已经尝试了一些我知道在表中的ID,但是没有其他字段填充。谢谢你的帮助,杰克。当我回到我的帖子时,我意识到我一定是错误地剪切和粘贴了第三个文件。我已经在修改后的search.inc.php中修复了这个问题,所以我想我仍然有一个问题。只是为了检查一下,javascript文件中的代码仍然没有初始化对象。
function geteedata() {
var url = "search.inc.php?param=";
var idValue = document.getElementById("employeeID").value;
var myRandom = parseInt(Math.random() * 99999999);  // cache buster

var http = new XMLHttpRequest();
http.open("GET", url + escape(idValue) + "&rand=" + myRandom, true);
http.onreadystatechange = handleHttpResponse;
http.send(null);
}