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);   
    }       
};

更改输入的值in this example以查看其实际效果。

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]?>

每次点击“刷新”链接时，都会给你一个随机数。

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

2 个答案: