Question

单击时，我正在创建一个主题列表，它将显示所有正在教授该主题的老师。主题和教师数据来自MySQL数据库。

我尝试使用javascript执行“点击”功能，并使用php从数据库中检索数据，但无法正常工作。

        <?php do { ?>
        <?php do { ?>
        <script>
function showResult(b) {
  var res = document.getElementById('stafflist');
  if (b.classList.contains(<?php $row_Recordset1['subject'] ?>) = <?php $row_Recordset2['subject'] ?>) {
    res.innerHTML = <?php echo $row_Recordset2['StaffName'] ?>} 
</script>

<?php } while ($row_Recordset2 = mysql_fetch_assoc($Recordset2)); ?>

<div class="subjectlist">
  <p onclick="showResult(this)" class="<?php $row_Recordset2['subject'] ?>"><?php echo $row_Recordset2['subject']; ?></p>
</div>
<?php } while ($row_Recordset2 = mysql_fetch_assoc($Recordset1)); ?>

<p id="stafflist"></p>

Answer 1

您需要在“ onclick”事件上调用JavaScript函数，该事件将使用AJAX调用来填充正在教授该学科的教师。

您的PHP文件应返回包含教师列表的json，您将使用此json填充列表。

以这个为例：

function showResult(subject_id) {

    var url = "getResults.php";

    $.ajax({
        type: "POST",
        url: url,
        data: {subject_id:subject_id},
        dataType: 'JSON',
        beforeSend: function() {
            //You can show a preloader here
        }
    }).done(function(data) {
        //Hide the preloader
        //Populate the list
    }).fail(function() { 
        //Hide the preloader
        //Show an error message
    }); 
}

单击时，将显示不同的内容（数据库中的内容）

1 个答案: