刷新 Jixed Bar div 而不刷新整个页面

Question

This 向我展示了如何使用 jquery 重新加载 div。 在我的代码中，我正在创建一个医院管理系统，一旦患者到达医院，接待员就会在数据库中设置 Patient_position=1。 我以名为JIXED-BAR 的jQuery 栏的形式向医生显示所有已到达医院的患者。 这个 jixed bar 从数据库中检索值。 我想不断刷新这个jixed bar，以便医生了解患者的最新信息。 我的代码是这样的。 Reload

的代码

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

请告诉我如何刷新 jixed 条以显示数据库中的最新信息。 谢谢你的期待。

Answer 1

<script>

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

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

</script>