Question

我制作了一个php脚本来一次获取随机数据。我使用刷新功能来获取更多数据。但是，我只看到1行数据，并且正在动态更新数据行。我想从Feed获得更多div。换句话说，我想在刷新时添加更多div。

以下是我的代码......

<html>
<head>
<title>Add new data</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<style>
#result {
    width: 500px;
    height:500px;
    border-style: solid;
    border-color: black;
}
</style>
</head>
<body>
<pre id="result"></pre>

<script>
const result = document.getElementById("result");
continueExecution();
function continueExecution() {
    myVar = setInterval(updateServer, 1000);
}
function updateServer() {
    $.get({
            url: 'randomData.php',
            dataType: 'text',
            success: randomdata
        });
}

function randomdata(val) {
        $('#result').html(val);
}
</script>
</body>
</html>

php脚本

<?php


$countryarr = array("UNITED STATES", "INDIA", "SINGAPORE","MALAYSIA","COLOMBIA","THAILAND","ALGERIA","ENGLAND","CANADA","CHINA", "SAUDI ARABIA");
$length = sizeof($countryarr)-1;
$random = rand(0,$length);
$random1 = rand(0,$length);

$random_srccountry = $countryarr[$random];
$random_dstcountry = $countryarr[$random1];
echo "<div class='data'>[X] NEW ATTACK: FROM [".$random_srccountry."] TO [".$random_dstcountry."]  </div>";
?>

此代码的输出

[X] NEW ATTACK: FROM [MALAYSIA] TO [INDIA]

此数据继续更新

我想要这个输出

[X] NEW ATTACK: FROM [MALAYSIA] TO [INDIA]  
[X] NEW ATTACK: FROM [ALGERIA] TO [CHINA]  
[X] NEW ATTACK: FROM [INDIA] TO [THAILAND]  
[X] NEW ATTACK: FROM [ALGERIA] TO [ALGERIA]

我的问题是如何在pre标签上添加更多div。也是在PHP脚本中输入div的正确方法....请帮助我。谢谢..

Answer 1

如果要添加/追加，请使用append()：

$('#result').append(val);

刷新页面时如何附加更多div

1 个答案: