Javascript 如何在PHP中使用jQuery定期填充多个div?
假设我有一个包含2个ITME的数组。我还有两个div(mydiv1,mydiv2)。第一个div必须由数组的第一项填充,第二个div必须同时由数组的第二项填充。这个过程会在固定的时间间隔后重复。我将继续通过从数据库中获取新项来填充此数组,但这超出了我现在的问题范围。我该怎么做 我的xyz.php文件是Javascript 如何在PHP中使用jQuery定期填充多个div?,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,假设我有一个包含2个ITME的数组。我还有两个div(mydiv1,mydiv2)。第一个div必须由数组的第一项填充,第二个div必须同时由数组的第二项填充。这个过程会在固定的时间间隔后重复。我将继续通过从数据库中获取新项来填充此数组,但这超出了我现在的问题范围。我该怎么做 我的xyz.php文件是 <?php //echo rand(); $questions=array( "First Item", "Second
<?php
//echo rand();
$questions=array(
"First Item",
"Second Item"
);
?>
index.php
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var auto_refresh = setInterval(
function ()
{
$('#mydiv1').load('xyz.php').fadeIn("slow");
}, 1000); // refresh every 1000 milliseconds
});
</script>
</head>
<body>
<div id="mydiv1"> </div>
<div id="mydiv2"> </div>
</body>
$(文档).ready(函数(){
var auto_refresh=setInterval(
函数()
{
$('#mydiv1').load('xyz.php').fadeIn(“slow”);
},1000);//每1000毫秒刷新一次
});
JS:
PHP:
JS:
PHP:
在你xyz.php文件中
<?php
header("Content-type: text/javascript");
$questions=array(
"First Item",
"Second Item"
);
echo json_encode($questions);
?>
您的Index.php文件
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
var auto_refresh = setInterval(
function () {
$.getJSON('xyz.php', function(data) {
$("#mydiv1").html(data[0]);
$("#mydiv2").html(data[1]);
});
}, 1000); // refresh every 1000 milliseconds
});
</script>
</head>
<body>
<div id="mydiv1"> </div>
<div id="mydiv2"> </div>
</body>
jQuery(文档).ready(函数($){
var auto_refresh=setInterval(
函数(){
$.getJSON('xyz.php',函数(数据){
$(“#mydiv1”).html(数据[0]);
$(“#mydiv2”).html(数据[1]);
});
},1000);//每1000毫秒刷新一次
});
在您xyz.php文件中
<?php
header("Content-type: text/javascript");
$questions=array(
"First Item",
"Second Item"
);
echo json_encode($questions);
?>
您的Index.php文件
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
var auto_refresh = setInterval(
function () {
$.getJSON('xyz.php', function(data) {
$("#mydiv1").html(data[0]);
$("#mydiv2").html(data[1]);
});
}, 1000); // refresh every 1000 milliseconds
});
</script>
</head>
<body>
<div id="mydiv1"> </div>
<div id="mydiv2"> </div>
</body>
jQuery(文档).ready(函数($){
var auto_refresh=setInterval(
函数(){
$.getJSON('xyz.php',函数(数据){
$(“#mydiv1”).html(数据[0]);
$(“#mydiv2”).html(数据[1]);
});
},1000);//每1000毫秒刷新一次
});
PHP是服务器端,jquery是客户端。jquery不知道也不关心您在服务器上得到了什么。PHP是服务器端,jquery是客户端。jquery不知道或不关心您在服务器上得到了什么。