通过ajax加载按钮，然后在单击加载的按钮后，为相关按钮加载更多内容

Question

我想通过Ajax以按钮的形式加载一些内容，然后单击那些 loaded 按钮后，我希望能够为每个按钮相应地加载更多内容。

这可能吗？

这是我到目前为止所拥有的！

通过点击调用功能。

<button onclick="findWeek(<?php echo $row['week']; ?>)"></button>

这将是具有已加载内容的div：

 <div id="stats">

 </div>

功能

 function findWeek(ide)     
             {              

                var xhr =  new XMLHttpRequest();



                xhr.open("GET" ,"start.php?ide="+ide,true);

                xhr.send(null);


                xhr.onreadystatechange = function(){
                    if( (xhr.readyState == '4') && ( xhr.status == '200') )
                    {

                        document.getElementById("stats").innerHTML = xhr.responseText;
                    }


                };

            }

已加载的内容来自文件 start.php 。

这是start.php的代码，将被加载，然后将其输入ID为#stats的 div 。

加载这些按钮后，我希望能够单击这些按钮并加载与每个按钮相关的其他内容。

start.php

if($run = mysqli_query($connect,"SELECT `day` from `foodd_schedule` WHERE `week` = '$week' group by day")){
        while($row = mysqli_fetch_assoc($run)){

            ?>

 <button class="btn btn-danger" onclick="findday()"><?php echo $row['day']; ?></button>

start.php文件中的

查找日期功能。

<script type="text/javascript">

function findday(){
    alert("I'm called");
}

甚至没有调用findday()函数，控制台显示未定义错误findday()。

如何解决此问题。 谢谢。