问如何使用ajax刷新多个动态的<div>部分？
EN

Stack Overflow用户

提问于 2011-06-14 12:16:41

回答 1查看 764关注 0票数 0

如何使用ajax连续刷新多个div部分？

AJAX

<script type="text/javascript">

    <%
    for(Server i : svr )
    {
    %>  
        function loadXMLDoc()
        {
        var xmlhttp;
        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("refresh").innerHTML=xmlhttp.responseText;
              document.getElementById(<%=i.getName()%>).innerHTML=xmlhttp.responseText;
            }
          }


                xmlhttp.open("GET","http://localhost:8080/RefreshStatus/<%=i.getId()%>", true);
        xmlhttp.send();
        }

        <%
        }
        %>

        //setInterval(loadXMLDoc, 5000 );
        setInterval(loadXMLDoc, 500 );
    </script>

的其余部分

</head>
<body>

Status 1 <div id="refresh">whatever is in here gets changed</div>
Status 2 <div id="refresh">whatever is in here gets changed</div>
Status 3 <div id="refresh">whatever is in here gets changed</div>

ajax

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-06-14 12:24:23

首先，对页面上的每个元素使用唯一的ID。你不能有重复的，否则事情就会开始破裂。如果可以的话，让它们共享相同的CSS类：

Status 1 <div class="refresh">whatever is in here gets changed</div>
Status 2 <div class="refresh">whatever is in here gets changed</div>
Status 3 <div class="refresh">whatever is in here gets changed</div>

如果您可以使用jQuery，那么尝试如下：

$('.refresh').html('New status OK!');

如果您不能使用jQuery，那么您可以通过按类名获取元素和循环遍历它们，并一次设置它们的innerHTML属性。

element.innerHTML = 'New status OK!';

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6343323

复制

相似问题

问如何使用ajax刷新多个动态的<div>部分？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用ajax刷新多个动态的<div>部分？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用ajax刷新多个动态的<div>部分？
EN