Javascript 如何在PHP中使用jQuery定期填充多个div?

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

假设我有一个包含2个ITME的数组。我还有两个div(mydiv1,mydiv2)。第一个div必须由数组的第一项填充,第二个div必须同时由数组的第二项填充。这个过程会在固定的时间间隔后重复。我将继续通过从数据库中获取新项来填充此数组,但这超出了我现在的问题范围。我该怎么做

我的xyz.php文件是

<?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不知道或不关心您在服务器上得到了什么。