Question

假设我有一个包含2个主题的数组。我也有2个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>

Answer 1

JS：

var auto_refresh = setInterval(function() {
    $.getJSON('xyz.php', function(data) {
        $("#mydiv1").html(data[0]);
        $("#mydiv2").html(data[1]);
    });
}, 1000);

PHP：

$questions = array("First Item", "Second Item");
echo json_encode($questions);

Answer 2

在 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>

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

2 个答案: