Javascript Div重新加载

时间:2015-02-28 18:26:11

标签: javascript php html

我的代码包含6个带有id的div:autoRefresh每个都有不同的查询。我需要每分钟使用脚本刷新它们。我的工作但显示div内的整个页面。 div和脚本位于相同的mainMenu.php

<div id="autoRefresh">  
        <?php
        //Query and process are here working as a charm
        ?>
<div id="autoRefresh">
<div id="autoRefresh">
<div id="autoRefresh">
<div id="autoRefresh">
<div id="autoRefresh">

<script type="text/javascript">
$(document).ready(function () {
setInterval(function () {
$('#autoRefresh').load('mainMenu.php');
}, 10000);

});

2 个答案:

答案 0 :(得分:0)

您可以使用id属性代替class。 class不必是唯一的。你可以将它改为<div class="autoRefresh"> 并使用$('.autoRefresh')加载方法将加载从服务器http://api.jquery.com/load/

发送的所有html数据

你加载的php文件是什么回复?添加属于该文件的代码..

答案 1 :(得分:0)

因为每个div都有不同的内容/查询,我认为你需要6个带有唯一ID的div,以及6个用正确的内容上传它们的PHP脚本。

<div id="div_1"></div>
<div id="div_2"></div>
<div id="div_3"></div>
<div id="div_4"></div>
<div id="div_4"></div>
<div id="div_5"></div>
<div id="div_6"></div>

<script type="text/javascript">
  $(document).ready(function () {
    setInterval(function () {
      $('#div_1').load('query_1.php');
      $('#div_2').load('query_2.php');
      $('#div_3').load('query_3.php');
      $('#div_4').load('query_4.php');
      $('#div_5').load('query_5.php');
      $('#div_6').load('query_6.php');
    }, 10000);
  });
</script>