javascript - 如何使用 php、ajax 和 jquery 将数据库中的设置值调用到 中

Question

我无法将数据库值设置为 <label> 。我有一个下拉选择选项，我写了一个 onchange()对它起作用。当我从下拉列表中选择一个选项时，应该运行并执行 php 文件并打印值/警报...

这是我的 html

<form method="POST">                                                                                             

                                <div class="row">
                                    <div class="col-md-3 field-label-responsive">
                                        <label for="name">Doctor ID</label>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <div class="input-group mb-2 mr-sm-2 mb-sm-0">

                                                <select class="custom-select" id="selectDoctorID" name="selectDoctorID">
                                                    <option value="1">1</option>                                    
                                                    <option value="2">2</option>                    
                                                </select>

                                            </div>
                                        </div>
                                    </div>                        
                                </div>


                                <div class="row text-center">
                                    <div class="col-md-3"></div>
                                    <div class="col-md-6">
                                        <button type="submit" class="btn btn-primary">Generate</button>
                                    </div>
                                </div>



        </form>

这是我的 javascript/jquery

<script>
            $(document).ready(function(){
                $('#selectDoctorID').on('change',function(event){
                    event.preventDefault();
                    $.ajax({
                        url: "medical.php",
                        type:"post",
                        dataType: "json",
                        success: function(result){
                            alert(result);
                        }
                    });
                })
            });
        </script>

这是我的 medical.php

<?php
include './database_connect.php';
$id=$_POST['selectDoctorID'];
$query="SELECT * FROM doctor WHERE d_Id='$id'";

$result=  mysqli_query($conn, $query);
while($row=  mysqli_fetch_array($result)){
echo $row['d_fname'];
}

?>

谁能帮帮我吗？？？我想我在我的javascript中犯了一些错误部分，但我不确定。

谢谢!

Answer 1

您需要将 ID 发送到 PHP，然后将标签文本替换为 AJAX 调用答案:

       $(document).ready(function(){
            $('#selectDoctorID').on('change',function(event){
                event.preventDefault();
                $.ajax({
                    url: "medical.php",
                    type:"post",
                    data:{selectDoctorID: $('#selectDoctorID').val()},
                    dataType: "json",
                    success: function(result){
                        $('label[for="name"]').text(result);
                    }
                });
            })
        });