Javascript 使用AJAX将PHP文件加载到另一个PHP文件，源代码可见

我正在用PHP和AJAX开发一个简单的CRUD应用程序。读取和添加记录效果良好。但是，当涉及到更新和删除时，它不起作用

read_categories.php

<?php
include_once '../../config/Database.php';

echo "<table class='table'>
<tr>
    <th>Category Name</th>
    <th></th>
</tr>";

$result = DB::query("SELECT c.* FROM categories c;");
foreach ($result as $row) {
    echo "<tr>
        <td style='padding-top:15px;'>" . $row['CategoryName'] . "</td>
        <td>
            <button class='btn btn-warning btn-sm'>Edit</button> 
            <button onclick='deleteCategory(" . $row['CategoryID'] .");' class='btn btn-danger btn-sm'>Delete</button>
        </td>
    </tr>";
} //for loading categories table
echo "</table>";
?>

从数据库中获取的记录列表将加载到：

<div id="category-list"></div>

在

categories.php中

但是，我找不到源代码，这意味着即使我为编辑和删除按钮编写另一个JS函数，它也不会运行。有没有办法用源代码可见的AJAX在PHP文件中加载标记？
您可以创建类似的js函数来编辑和删除类别

使用id参数传递编辑/删除类别的id，以便知道要编辑/删除的类别


$（'.editBtn'）。单击（函数（）{
var testId=$（this）.attr（'id'）；//testId将具有edit_1和edit_2，具体取决于catID
var temp=测试拆分（“UUZ”）；
var selectedId=temp[1]；
//因此，temp[1]将具有数字ID值。
$.ajax({
类型：“职位，
数据：{'id'：selectedId}，
url:“category scripts/categories.php”
}).完成（功能（数据）{
$（“#类别列表”）.html（数据）；//或者在这里您可以调用
//showCategories（）函数
});
})
您找不到什么源代码？请编辑您的问题，直到它有意义为止。很抱歉，这是由于internet连接问题。我会尝试一下。当然，如果遇到任何问题，请进一步发布。
<div id="category-list"></div>