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

Question

我想 通过 ajax 以按钮的形式加载一些内容，然后在单击这些加载的按钮后，我希望能够为每个按钮加载更多相关的内容。

这可能吗 ？

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

通过onclick调用函数。

<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的div#stats。

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

开始.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>

findday文件内的函数start.php。

<script type="text/javascript">

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

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

如何解决这个问题呢。谢谢。

标签： javascriptphpajax