gpt4 book ai didi

javascript - 停止在 PHP AJAX MySQL 中重复 div 内容

转载 作者:可可西里 更新时间:2023-11-01 06:35:46 25 4
gpt4 key购买 nike

我正在尝试使用 AJAX 技术将数据从 MySQL 数据库动态检索到网页中,但 div 内容是重复的。我想在不重复信息的情况下刷新 div。

这是代码

API.php

<?php 

require 'db.php';
$query = "SELECT * FROM variables";
$result = mysqli_query($con,$query);
$data = array();
while ( $row = mysqli_fetch_row($result) )
{
$data[] = $row;
}
echo json_encode( $data );
?>

客户端.php

  <html>
<head>
<script language="javascript" type="text/javascript" src="jquery.js">
</script>
</head>
<body>

<h2> Client example </h2>
<h3>Output: </h3>

<div id="output"></div>

<script id="source" language="javascript" type="text/javascript">

function ajaxcall()
{
$.ajax({
url: 'api.php', data: "", dataType: 'json', timeout:2000,
success: function(rows)
{
for (var i in rows)
{
var row = rows[i];
var id = row[0];
var vname = row[1];
$('#output').append("<b>id: </b>"+id+"<b> name: </b>"+vname)
.append("<hr />");
}

}
});
};
ajaxcall();
setInterval(ajaxcall, (1 * 1000));

</script>
</body>
</html>

最佳答案

只要改变这个

 success: function(rows)        
{
for (var i in rows)

为此

success: function(rows)        
{
$('#output').html(''); // empty the container div and append new HTML
for (var i in rows)

关于javascript - 停止在 PHP AJAX MySQL 中重复 div 内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52330817/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com