About auto refresh a part of <div> in the php file
Question
I want to test auto refresh in a php file. The following I'd the code. However, I cannot do it. I don't know what is the problem?
<html>
<head>
<title>TEST</title>
</head>
<body>
<script type="text/javascript">
window.onload = setupRefresh;
function setupRefresh()
{
setInterval("refreshBlock();",1000);
}
function refreshBlock()
{
$('#test').load("test.php");
}
</script>
<div id="test">
<?php echo rand(); ?>
</div>
</body>
</html>
2 answers
solution1
0 ACCPTED 2019-12-11 07:19:03
Do like that.
<html>
<head>
<title>TEST</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
window.onload = setupRefresh;
function setupRefresh()
{
setInterval(refreshBlock,1000); //Call function like this
}
function refreshBlock()
{
$('#test').load("test.php");
}
</script>
<div id="test">
<?php echo rand(); ?>
</div>
</body>
</html>
solution2
0 2019-12-11 07:26:33
You use jQuery code so please add jQuery library You can get link from here
https://www.w3schools.com/jquery/jquery_get_started.asp
This will be working fine
<html>
<head>
<title>TEST</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
window.onload = setupRefresh;
function setupRefresh()
{
setInterval(refreshBlock,1000);
}
function refreshBlock()
{
$('#test').load("http://localhost/test.php"); // just update your test file url
}
</script>
<div id="test">
<?php echo rand(); ?>
</div>
</body>
</html>
This is your test.php file(example code)
<?php
echo date("Y-m-d H:i:s");
?>
Output will be like this and auto update time
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Auto refresh included PHP file inside a DIV
Auto Refresh div using php
javascript php AJAX refresh part of a DIV
auto refresh ajax div running on php page
Refresh Part of Page (div)
auto refresh a div not working
Auto Refresh Div container
auto refresh of a div
How to auto refresh a specific div using jQuery else in PHP
auto refresh results div when running SQL Queries in PHP
Related Tags