Question

This向我展示了如何使用jquery重新加载div。在我的代码中，我正在建立一个医院管理系统，在患者到达医院时，接待员在数据库中使patient_position = 1。我正在以一个名为JIXED-BAR的jQuery栏的形式向医生展示所有到达医院的病人。这个jixed条从数据库中检索值。我想不断刷新这个固定的条，以便医生了解病人的最新情况。我的代码就像这样。 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>
    <%}%>

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

Answer 1

<script>

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

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

</script>

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

1 个答案: