Bootstrap 5模式未从AJAX接收PHP数据

Question

我在Bootstrap 5中有一个模态，我试图根据我选择的选项从MySQL数据库中填充自定义数据。

因此，我有一个使用PHP和MySQL的数据填充的表。表的最后一列是一个称为“动作”的按钮，当我按下此按钮时，我想打开一个模态）。

如您在下面的代码中所看到的，我的代码与我在此问题中发现的代码完全相同： PASS PHP变量到引导模式

这是我的代码：

在主索引文件中：

...
...
<tbody>
    <?php $categories = Category::find_all();
    foreach ($categories as $category) { ?>

        <tr>
            <th scope="row"><?php echo $category->id; ?></th>
            <td><?php echo $category->cat_name; ?></td>
            <td><?php echo $category->cat_creation_date; ?></td>
            <td><?php echo $category->cat_created_by; ?></td>
            <td><a type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#bsMyModal" data-id="<?php echo $category->id; ?>">Actions</a></td>
        </tr>
    <?php } ?>

</tbody>
...
...

模态代码（在与上表的同一文件中）：

<div class="modal fade" id="bsMyModal" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Edit Data</h4>
                </div>
                <div class="modal-body">
                    <div class="fetched-data"></div> //Here Will show the Data
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

JS代码（在同一文件中的正末端下方）

</body>

<script>
$(document).ready(function(){
    $('#bsMyModal').on('show.bs.modal', function (e) {
        var rowid = $(e.relatedTarget).data('id');
        $.ajax({
            type : 'post',
            url : 'fetch_record.php', //Here you will fetch records 
            data :  'rowid='+ rowid, //Pass $id
            success : function(data){
                $('.fetched-data').html(data);//Show fetched data from database
            }
        });
     });
});

</script>

也是fetch_record.php文件，这是一个基本文件，只是为了使此工作：

<?php
 require_once "backend/init.php"; 

if($_POST['rowid']) {
    $id = $_POST['rowid']; //escape string
    echo $id;
 }
?>

现在问题..

当我按下操作按钮时，什么都没有发生，但我没有得到任何信息（在这种情况下，我应该在 之前将类别ID打印出来。数据“ 模式代码中的文本。

我查看了控制台，我已经看到了此消息：

ajax:681 Uncaught ReferenceError: $ is not defined
    at ajax:681:1
(anonymous) @ ajax:681

如果我单击 @ ajax：681的链接，它将我指向：

在这里输入图像描述

我在做什么错？...

谢谢！

Answer 1

愚蠢的错误...

我很想搜索控制台错误并遇到此问题：

不是定义吗？

是的。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

哑的