如何使用ajax刷新表

时间:2011-06-13 17:04:16

标签: html ajax jsp

我想更新表格单元格以获取从jsp方法获得的状态。该方法需要一些时间,因此它不是即时的。因此,一旦方法完成,我需要ajax刷新页面以获得更新状态

<script type="text/javascript">

    function updateTable()
        {
            var xmlhttp;
             var table = document.getElementById('theTable');

            if (window.XMLHttpRequest)
            {// code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp=new XMLHttpRequest();
            }

            else
            {// code for IE6, IE5
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }

            xmlhttp.onreadystatechange=function()
            {

                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                    document.getElementById('theTable').innerHTML=xmlhttp.responseText;
                }
            }

            xmlhttp.open(???);
            xmlhttp.send();

        }

    //Refresh every 2 seconds
    setInterval( doStuff, 2000 ); 

</script>

        <!-- The actual Table needed to updated -->

    </TABLE>
    <TABLE id="theTable">
     <TH>status</TH> 
     <tr>
      <td><%=status%></td>
     </tr>
    </table>

1 个答案:

答案 0 :(得分:0)

在服务器上,您需要一个jsp页面,该页面在调用时生成表数据。比如说这叫做generatetable.jsp。然后,您可以在open()方法中使用该URL来调用jsp页面。

您的回调函数将在接收到时将处理当前表数据替换为新表数据。