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

标签 javascript php jquery ajax

假设我有一个包含 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>

最佳答案

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);

关于javascript - 如何在 PHP 中使用 jQuery 定期填充多个 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19447807/

相关文章:

javascript - 如何从 url 中提取 &client=?

php - CKEditor 对齐图像而不是 float

javascript - 将单元格值设置为 mxGraph 中的超链接

jquery - 点击标签触发两次滑动动画

javascript - Chrome 无法在 ubuntu 上正确编译 java 脚本

javascript - WooCommerce:变体更改后触发事件

PHP 使用 exec 运行 curl

ajax - $jquery - $.ajax XML - .find .text

Javascript - 删除除正则表达式定义之外的所有内容?

php - 正则表达式替换 - 节点之间的数字