Question

我正在尝试将内容加载到div中，并且每5秒自动更新一次。我搜索过网并尝试使用所有内容，但根本没有任何作用。我试图将pauseupdate2.php的输出加载到div pauseup

pause.php位于文件夹＆lt; ../ user / pause.php＆gt;

中

    <?php
include('../session/session.php');
include('../funktion/sitelocteam.php');
include('../funktion/pausecheck.php');
include('../funktion/pausetime.php');
//include('../funktion/pauseupdate.php');
include('../funktion/pauseupdate1.php');
include('../funktion/counter.php');
//include('../funktion/pauserules.php');



?>
<!DOCTYPE html>
<html>
<head>
<title>Pause Program</title>
<link href="../style/style.css" rel="stylesheet" type="text/css">
<link href="../style/menu.css" rel="stylesheet" type="text/css">
<link rel="import" href="../funktion/pauseupdate.php">


</head>
<body>
<div id="Holder">
<div id="Header"></div>
<div id="NavBar"><nav>
        <ul>
            <li><a href="../user/pause.php">Pause</a></li>
            <li><a href="../all/profile.php">Profil</a>
            <ul>
                    <li><a href="../user/minepauser.php">Min Pauseoversigt</a>    </li>
                </ul>
                </li>
            <li><a href="../all/faq.php">FAQ</a></li>
            <li><a href="../funktion/logout.php">Logout</a></li>
        </ul>
    </nav>
</div>
<div id="PageHeading">
<!--    <h3> Bruger ID: <?php echo $userid; ?></h3>-->
    <h3> Intialer: <?php echo $_SESSION['login_user']; ?> </h3>
     <h3> Team: <?php echo $teamname ?></h3>
    <h3> Lokation: <?php echo $sitename ?></h3>

</div>

        <div id="pausev">
               <?php
    if ($pausetime->num_rows > 0) {
    // output data of each row
    while($row = $pausetime->fetch_assoc()) {
       echo "Du har holdt pause siden: " . $row["time"]. "<br>";
    }
    }

        ?>
            <div id="pauseup"></div>
            <script src="../js/jquery-1.11.3.min.js"></script>
            <script src="../js/pause.js"></script>

        </div>

    <div id="Pause">
<!--               <?php
              echo $errors;
          ?> <br> <br>-->
        <form action="../funktion/pauserules.php">
    <input type="submit" value="PAUSE!"<?php if ($pausetjek->num_rows > 0 ){?> disabled <?php }?> >
</form>

    <form action="../funktion/pausestop.php">
    <input type="submit" value="STOP!" <?php if ($pausetjek->num_rows === 0){?> disabled <?php }?> >
</form>


</div>

<div id="Footer"></div>
</div>
</body>
</html>

pause.js看起来像这样：

    $(document).ready(function() 
{
  // Load the content of "path/to/script.php" into an element with ID   "#container".
  $('#pauseup').load('../funktion/pauseupdate2.php');


// Execute every 5 seconds
window.setInterval(refreshData, 5000);
        }
);

最后但最少但是pauseupdate2.php看起来像是：

<?php

$servername = "localhost";
$username = "xxx";
$password = "xxx";
$dbname = "pause";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

$sql = "select user.username from pause LEFT OUTER JOIN user on              pause.userid=user.id where pause.type=0";
    $pauseupdate = $conn->query($sql);

    if ($pauseupdate->num_rows > 0) {
        // output data of each row
        while($row = $pauseupdate->fetch_assoc()) {
        echo "Hvem er til pause: " . $row["username"]. "<br>";

//        print '<table>
//        <tr>
//               <td>'.$row['username'].'</td>
//        </tr>
//        </table>';
    }
} else {
        echo "Ingen er til pause!";
    }
    $conn->close();

echo 'booo';

?>

我的代码可能有什么问题？我知道它的大部分可能是编码错误的，我是PHP和Jquery的新手。

提前致谢

Answer 1

您正在调用函数“refreshData”，但未定义它。定义函数，第一次从$（document.ready（）方法调用它，并同时添加setInterval：

function refreshData(){
    $('#pauseup').load('../funktion/pauseupdate2.php');
}


$(document).ready(function() 
{    
    // Execute every 5 seconds
    window.setInterval(refreshData, 5000);
    refreshData();
});

Answer 2

我认为问题可能来自这个似乎不存在的 refreshData 函数......

尝试使用此代码（非常接近您的代码）

<body>
<h1>Load refresh...</h1>
<div class="content">
  content that will be overwritten...
</div>
<script type="text/javascript">
  setInterval(function(){ 
    $('.content').load('my_url_to_reload_every_3_seconds.php');
  }, 5000);
</script>

刷新DIV动态

2 个答案: