ページ全体をリフレッシュせずにJixed Bar divを更新する

Question

This jqueryを使用してdivをリロードする方法を教えてください。 私のコードでは、患者が病院に到着するとすぐに、受付担当者がpatient_position = 1をデータベースに作成する病院管理システムを作成しています。 私は病院に到着したすべての患者をJIXED-BARというjQueryバーの形で医者に表示しています。 この固定バーはデータベースから値を取得します。 私は医者が患者について更新されるように、この刻まれたバーを常にリフレッシュしたいと思います。 私のコードは私に道を教えてください status.jsp

<%javax.naming.InitialContext ctx= new javax.naming.InitialContext(); 
javax.sql.DataSource ds =(javax.sql.DataSource)ctx.lookup("java:comp/env/jdbc/vi"); 
java.sql.Connection con = ds.getConnection(); //Assume pool name as jdbc/mydbpool 
java.sql.Statement st2 = con.createStatement(); 
String q2="select * from s"; 
java.sql.ResultSet rs2 = st2.executeQuery(q2); 
while(rs2.next()) 
{%><ul> 
     <li ><a href="tabbedreceptionist.jsp"><%out.println(rs2.getString("h"));%></a></li> 
    </ul> 
    <span class="jx-separator-left"></span> 
    <%}%> 

ため JixedBarのコード

<div id="demo-bar"></div> 

コード

<script langauge="javascript"> 
    jQuery(document).ready(function() { 
      setInterval(function() { 
       jQuery('#demo-bar').load('/status.jsp'); 
      }, 1000); 
     }); 
    </script> 

リロードためthis.Codeように書きます最新の情報を表示するにはどうすればいいですか？データベースからの情報。 ありがとうございます。

Answer 1

<script> 

$(function(){ 
     setInterval("refreshContent();",1000); 
}); 

function refreshContent() 
{ 
    $.ajax({ 
     url:'status.jsp'; 
     success: function(data) { 
       $('#demo-bar').html(data) 
     } 
    }); 
} 

</script>