2013-03-18 52 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