如何将获取的数据放在输入字段中-AJAX

Question

我试图使用AJAX实时搜索或过滤数据库中的某些数据，我使用了oninput事件来触发该函数。 但这不起作用，有人可以帮我找出代码中的错误吗？ 我只是ajax的初学者。

这是我的输入字段

   <div class="form-group">
               <label for="stud_num">Student Number</label>
                <input type="text" name="stud_num" class="form-control stud_num" oninput="loadinfo()" id="stud_num" placeholder="Student Number" style="max-width:150px;" required>
        </div> 

这是我的职能，

  function loadinfo(){
    var stud = $("#stud_num").val();
    $.ajax({
      url:'getrecords.php',
      method:'POST',
      data:{
        "loadinfo": 1,
        "stud": stud,
      },
      success: function(data){
        $('#firstname').val(data.firstname);
      }
    });
  }

这里的PHP代码，

   if(isset($_POST['loadinfo'])){
    $stud = $_POST['stud'];

    $sql = "SELECT * FROM studmast WHERE stud_no ='$stud'";
    $result = mysqli_query($con,$sql);

       while($row = mysqli_fetch_array($result)){
                  $data[] = array(
                        'lastname' => $row['lastname'],
                        'firstname' => $row['firstname'],
                        'midname' => $row['middlename']
                        );
            }
            echo $data;
   }

Answer 1

您无法回显php数组...您需要发送一种易于客户端使用的数据格式，而如今最常见的是json。

使用json_encode()进行转换

尝试

echo json_encode($data);

并确保在$.ajax设置dataType:'json

Answer 2

因为我还不能回复评论.. @nethken正如其他人所说，请使用json_encode。 请确保将数据发布到有问题的php文件中。 您可以通过调试开发人员工具中的代码来确认这一点。 逐步执行代码或在发送前警告值（javascript客户端调试）。

接下来，我将在您的php文件中使用var_dump（$ _ POST ['stud']），这将确认该值是否到达那里。 您可以通过在开发人员工具中进入网络流量并选择php文件的预览来查看数据。 如果您有xDebug，则可以简单地逐步调试代码，假设您没有安装它。