使用laravel中的Ajax获取数据弹出

Question

我正在尝试将数据库从数据库中获取模式弹出窗口并使其动态...我也对如何使表上的每个数据使模态ID唯一……“按钮”详细信息pops pops向上模态。

这是我的桌子，按钮弹出了模态

这是我的控制器

public function show($upi)
{   
    $Patient = Patients::where('upi', '=', $upi)->first();
    return Response::json($Patient);
}

这是我的路线

Route::get('show-details/{upi}', [BssDashboardController::class, 'show'])->name('details.show');

这是我的ajax脚本

<script>
    $(document).ready(function () {
        $('body').on('click', '#show-details', function (){
            var patientURL = $(this).data('url');
            $.get('show-details/' + patientURL', function (d) {

                $('#diagnosisModal').modal('show');
                $('#date').text(data.date);
                $('#age').text(data.age);
                $('#gender').text(data.gender);
                $('#plan').text(data.plan);
                $('#authcode').text(data.authcode);
                $('#findings').text(data.findings);
                $('#compliants').text(data.compliants);
                $('#investigation').text(data.investigation);
            });
        })
    });
  </script>

这是我的按钮

<a href="javascript:void(0)" id="show-details" data-url="{{ $item->upi }}">
                                                <button class="btn-primary px-3 py-1">Details</button>
                                               </a> 

这是我的模态

<div class="modal fade" id="diagnosisModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-body">
                                                            <div class="row">
                                                                <div class="col-8 pt-3">
                                                                    <div class="d-flex flex-row"><label><b>Name:</b></label><div class="fw-600" id="name"></div></div>
                                                                    <div class="d-flex flex-row"><label><b>DOB:</b></label><div class="fw-600" id="date">16-03-1990</div></div>
                                                                    <div class="d-flex flex-row"><label><b>Age:</b></label><div class="fw-600" id="age">31 Years</div></div>
                                                                    <div class="d-flex flex-row"><label><b>Sex:</b></label><div class="fw-600" id="gender">Female</div></div>
                                                                    <div class="d-flex flex-row"><label><b>Plan:</b></label><div class="fw-600" id="plan">Equity</div></div>
                                                                    <div class="d-flex flex-row"><label><b>Authcode:</b></label><div class="fw-600" id="authcode">-</div></div>
                                                                    <div class="d-flex flex-row"><label><b>Findings:</b></label><div class="fw-600" id="findings">Pregnant</div></div>
                                                                    <div class="d-flex flex-row"><label><b>Complaints:</b></label><div class="fw-600" id="compliants">ANC</div></div>
                                                                    <div class="d-flex flex-row"><label><b>Investigations:</b></label><div class="fw-600" id="investigation">ANC</div></div>
                                                                </div>
                                                                <div class="col-4">
                                                                    <div class="pt-4" style="width: 5rem;height: 4rem;"><img class="w-100" src="{{ asset('img/drake.jpg') }}" id="image" alt=""></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-danger" data-bs-dismiss="modal" style="background-color:#ff3030;border-radius:.7rem">Close</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>