首页 > 解决方案 > 用于 jquery 3.5 的 Ajax 脚本使表单自动填充

问题描述

我的 ajax 脚本有问题。我想通过选择 user_id 来自动填写表格。但它没有用。我使用 jquery 版本。3.5.1,这是我的代码:

<form class="form-horizontal" action="" method="post">
  <div class="form-group row">
    <div class="col-sm-8">
      <div class="form-group row">
        <label for="user_id" class="col-sm-4 col-form-label">User ID</label>
          <div class="col-sm-8">
          <select class="form-control" name="user_id" id="user_id" onchange="chcek_database()">
            <option value="" selected="">User ID</option>
            <?php 
              include "connection.php";
              $query=mysqli_query($con,"select * from customer");
                while ($data=mysqli_fetch_array($query)){
                  echo "<option value='$data[user_id]'>$data[user_id]</option>";
              }?>
           </select>
         </div>
       </div>
       <div class="form-group row">
         <label for="name" class="col-sm-4 col-form-label">Name</label>
           <div class="col-sm-8">
             <input type="text" class="form-control" name="name" id="name">
           </div>
       </div>
    </form>

这是ajax脚本

<script type="text/javascript">
function check_database(){
    var user_id = $("#user_id").val();
    $.ajax({
        url: 'ajax.php',
        data: "user_id="+user_id ,
    }).success(function (data) {
        var json = data,
        obj = JSON.parse(json);
        $('#name').val(obj.name);
    });
}
 <?php
    include 'connection.php';
    $nim = $_GET['user_id'];
    $query = mysqli_query($con, "SELECT * FROM customer WHERE user_id= '$user_id'");
    $customer = mysqli_fetch_array($query);
    $data = array(
                'name'          =>  $customer['name'],);
                
     echo json_encode($data);
    ?>

当我尝试选择 user_id 时,不会显示名称。我尝试通过检查谷歌浏览器来检查控制台,这是错误消息:

(index):406 Uncaught TypeError: $.ajax(...).success is not a function
    at cek_database ((index):406)
    at HTMLSelectElement.onchange ((index):61)
cek_database @ (index):406
onchange @ (index):61

如何解决?希望大家给我答案。谢谢你。

标签: phpjqueryajax

解决方案


推荐阅读