0

假设我有一个包含 2 个项目的数组。我也有 2 个 div（mydiv1，mydiv2）。第一个 div 必须由数组的第一项填充，第二个 div 必须同时由数组的第二项填充。并且这个过程会在一定的时间间隔后重复。我将继续通过从数据库中获取新项目来填充这个数组，但这超出了我现在的问题范围。我该怎么做？

我的 xyz.php 文件是

<?php
//echo rand();
$questions=array(
                 "First Item",
                 "Second Item"
                 );
?>

索引.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>

4

2 回答 2

4

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);
于 2013-10-18T10:54:32.793 回答
1

在你的 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>
于 2013-10-18T10:59:21.507 回答