Question

我有一个ID为intro的div，我想附加一个包含php的div，当我点击一个按钮时，它将从我的数据库中提供数据。我已成功成功附加<li>，但当我想附加一个包含php的div时，它不会附加。

<div class="container" id="article">
<button id="addArticle()" onClick="addArticle()">+</button>
    <div class="section" id="intro">
        <?php
        require_once("dbconfig.php");

        $query = mysqli_query($koneksi, "SELECT * FROM content WHERE id=1");
        while($row = mysqli_fetch_array($query))
        { ?>
            <?php echo $row['content'];  ?> 
        <?php
        } 
        ?>
    </div>

    <div class="section" id="usage">
        <?php
        require_once("dbconfig.php");

        $query = mysqli_query($koneksi, "SELECT * FROM content WHERE id=2");
        while($row = mysqli_fetch_array($query))
        { ?>
            <?php echo $row['content'];  ?> 
        <?php
        } 
        ?>
    </div>

</div>

单击+按钮时要添加的代码：

<div class="section" id="intro">
        <?php
        require_once("dbconfig.php");

        $query = mysqli_query($koneksi, "SELECT * FROM content WHERE id=8");
        while($row = mysqli_fetch_array($query))
        { ?>
            <?php echo $row['content'];  ?> 
        <?php
        } 
        ?>
    </div>

使用Javascript：

function addArticle(){
    $('#article').append('<li>tes2</li>');
}

Answer 1

在页面发送给你之前，PHP已经在服务器端完成了在您的情况下，您可以尝试使用AJAX。我为你做了一个简单的例子，但你需要让它适合你的解决方案。

<强> view.php

<html>
<head>
<script>
function showContent()
{
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function(){
        if(this.readyState == 4 && this.status == 200){
            document.getElementById("paragraph").innerHTML = this.responseText;
        }
    }
    xmlhttp.open("GET","content.php",true);
    xmlhttp.send();
}
</script>
</head>
<body>
    Name : <span id="paragraph"></span>
    <br /><br />
    <button onclick="showContent()">Show me</button>
</body>
</html>

<强> content.php

<?php
echo "milan";
?>

希望有所帮助;）

将包含php的div添加到div中

1 个答案: