javascript - OnClick 按钮从数据库获取并实时显示在输入字段上

Question

我正在尝试在输入字段中输入一些文本，然后在单击按钮上，它应该在另一个输入字段名称autofiller上显示来自mysql的数据。

$(function () {
  $('#button').on('click', function () {
    var text = $('#fromInput');
    $.ajax({
      url:"serv.php",
      method: "GET",
      data: {
        "id": text
      },
      success: function(data) {
        var name=JSON.parse(data);
        document.getElementsByClassName("autofiller").value=name.name;
      }
    });
  });
});

HTML 表单

<form id="sampleForm">
 <input type="text" id="fromInput" />
 <input type="text" class="autofiller"/>

 <input type="button" value="button" id="button">

这是我的后端 php 脚本-->

<?php
    $link=mysqli_connect("localhost","root","","employee");



    $data=$_GET["id"];

  $result = mysqli_query($link,"SELECT * FROM user where userid='$data'");

  header('Content-type:application/json');
  exit(json_encode($result));
 ?>

Answer 1

希望这能帮助您解决

$(function () {
 $('#button').on('click', function () {
    var text = $('#fromInput');
    $.ajax({
      url:"serv.php",
      method: "GET",
      data: {
        "id": text
      },
      success: function(data) {
        var name=JSON.parse(data);
        $(".autofiller").val(name.name);// Try this 
      }
    });
  });
});