2013-03-18 23 views
-1

在阅读之前,我想实现的是在div内自动更新内容而不刷新div。 (有点像Facebook的聊天,我没有看到聊天闪烁,或者增加新的消息时闪烁,而只是添加新数据的无缝连接。)做一些像Facebook聊天自动更新

在我的索引我有以下标记:

<div> 
    <?php 
    if($_SESSION['Login']==1){ 
     include_once('Branch_Pages/Bar_in.php'); 
     } 
    else{ 
     include_once('Branch_Pages/Bar_out.php'); 
     } 
    ?> 
</div> 

Sesssion变量登录设置为“1”当用户登录时, 和Bar_in.php我有一个搜索框,根据由php生成的数据列表提供建议。

<datalist id="StudentList"> 
    <?php 
    for($x=0;$x<$_SESSION['num_rows'];$x++){ 
     echo' 
       <option value="'.$Enroll_F_name[$x].' '.$Enroll_L_name[$x].'" data-id="'.$enroll_data_No[$x].'" label="'.$_SESSION['Enroll_Index_num'][$x].'"> 
     '; 
    } 
    ?> 
</datalist> 

我怎么能自动更新数据列表,而无需刷新的div(因为清爽使得酒吧闪烁)或未做当它刷新它闪烁?

+1

阿贾克斯,轮询服务器DOM对象。 – 2013-03-18 19:41:19

+1

这个问题已经标记为ajax使用:D – 2013-03-18 19:55:41

回答

1

你可能在这里学到很多东西。

  1. 你的页面加载后,开始轮询新的数据服务器,这基本上意味着射击每隔几秒钟的请求(5,10,15,30,无论是有道理的,你的应用程序)Here is some info on polling
  2. 该请求应该返回您需要的数据,最好是以JSON对象或其他一些易于用JavaScript解析的格式。
  3. 打开JSON数据转换成表示被重复了在数据列表
  4. 使用jQuery的对象追加到DataList孩子阵列
+1

这将工作。这将在带宽上过高,但仍然可以在时间限制内实现并实现。 – invertedSpear 2013-03-19 16:19:45