无需重新加载页面即可刷新Div，Table或TR，无需使用Ajax

Question

是否可以刷新div，table或<tr> 。 这里没有这样的数据来自数据库，它显示块和值的简单错误来自Java脚本。

问题是当用户在文本框中输入值时，存储在该数据库中的值和成功存储的消息将出现在屏幕上。

然后在同一页面上，用户尝试输入错误的值，然后错误显示在该块中，但前一个值仍为“成功存储的消息”。

一个建议???

Answer 1

是的，当某些事件发生时，您可以轻松清除其子元素（即成功消息）。 在您的情况下，事件将在文本框中输入数据。 假设以下标记：

<input type="text" id="textbox" name="textbox"/>
<div id="message">
    Successfully Stored Message
</div>

当您在文本框中检测到另一个事件时，您只需清空<div id="message"> ，如下所示：

var textbox = document.getElementById('textbox');
textbox.onchange = function(){

    // Do some test to determine if you should clear #message

    // Get your #message container and remove all its children
    var message = document.getElementById('message');
    while(message.hasChildNodes()){
        message.removeChild(message.firstChild);   
    }       
};

在此示例中更改输入的值以查看其运行情况。

Answer 2

所以在浏览了整个网络后，我找到了一个简单的方法来“修复”：

             <script>
                $(document).ready(function() 
                 {
                  $("#refresh").click(function() 
                 {
                  $("#Container").load("content-that-needs-to-refresh.php");
                return false;
                });
                });
             </script>

             <div id="Container">
               <?php include('content-that-needs-to-refresh.php'); ?>
             </div>
             <a href="#" id="refresh">Refresh</a>

在文件中：content-that-needs-to-refresh.php

你把任何你想要刷新/更新/更改的东西放。

文件内容：content-that-needs-to-refresh.php

    <?php  
    $random = rand(1, 10); 
    $numbers[1] = "1";
    $numbers[2] = "2";
    $numbers[3] = "3";
    $numbers[4] = "4";
    $numbers[5] = "5";
    $numbers[6] = "6";
    $numbers[7] = "7";
    $numbers[8] = "8";
    $numbers[9] = "9";
    $numbers[10] = "10";    
     ?>
     <?=$numbers[$random]?>

每次单击“刷新”链接时，这将为您提供一个随机数。