刷新Jixed Bar div而不刷新整個頁面

Question

This向我展示瞭如何使用jquery重新加載div。 在我的代碼中，我正在建立一個醫院管理系統，一旦病人到達醫院，接待員會在數據庫中使patient_position = 1。 我將所有到達醫院的患者以jQuery欄的形式顯示給JIXED-BAR。 該jixed bar從數據庫中檢索值。 我想持續刷新此混合欄，以便醫生更新有關患者的信息。 我的代碼是這樣this.Code爲刷新

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

代碼 JixedBar

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

代碼 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> 
    <%}%> 

請告訴我一個方法我如何刷新混合欄來顯示最新信息來自數據庫的信息。 謝謝您的期待。

Answer 1

<script> 

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

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

</script>