javascript - 追加到 div 时从 mysql 数据库获取旧数据

Question

我有一个主页，上面有一个打开弹出窗口的按钮。关闭此弹出窗口时，我有一个脚本调用 php 文件以从数据库中选择数据。所选数据将附加到主页中的 div 中:

 if (win.closed !== false) { 
    window.clearInterval(pollTimer);
    $.get("<?php echo $GLOBALFILESPHPFORJS ?>DBtoOCI.php", { ReferenceKey: Reference  } )
    .done(function( data ) { 
      console.log( data );
      $("#ItemData").append(data);
     });

第一次它很好地选择并附加了数据。例如，如果我有一个名为 animalname 的列，其中有 1 行包含数据“Cat”，那么在我的 div 中我会看到 cat。如果我然后删除数据库的行 uit 并添加一行名为“Tiger”的行，然后再次打开并关闭弹出窗口，然后将新数据添加到 div，使其变为:“Cat Tiger”，但它是变“猫猫”了!为什么会这样？

从数据库中选择数据:

$sqlReturnExistingOCI = "SELECT * FROM animal WHERE animalname= ?";


      if($stmt = $conn->prepare($sqlReturnExistingOCI)) 
        {    
            mysqli_stmt_bind_param($stmt, "s", $referencekey);

            if(!$stmt->execute()) 
            { 
                echo $stmt->error;
            } 
            else 
            { 

              $result = mysqli_stmt_get_result($stmt);
              while ($row = mysqli_fetch_array($result)) {

                 echo $row['animalname'];
               }
              $stmt->free_result(); 
              $stmt->close; 
            }
        }

Answer 1

您必须先清理 div，然后为其附加数据 $("#ItemData").html('');

if (win.closed !== false) { 
window.clearInterval(pollTimer);
$.get("<?php echo $GLOBALFILESPHPFORJS ?>DBtoOCI.php", { uniqueReferenceKey: Reference  } )
.done(function( data ) { 
  console.log( data );
  $("#ItemData").html('');
  $("#ItemData").append(data);
 });