20

我想知道如何只刷新我网站中的特定元素，而不是整个网页？我正在谈论的元素是一个加载速度很慢并且可能会遇到连接超时的 Flash 应用程序。我想让用户只刷新那个元素/falsh 应用程序。我怎么做？下面我有一个更新 HTML 元素的 Ajax 函数，但不知道如何将它应用到我的情况。

<head>
    <script type="text/javascript">
        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("myDiv").innerHTML = xmlhttp.responseText;
                }
            }
            xmlhttp.open("GET", "ajax_info.txt", true);
            xmlhttp.send();
        }
    </script>
</head>
<body>
    <div id="myDiv">
        <h2>Let AJAX change this text</h2>
    </div>
    <button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>
4

4 回答 4

31

尝试这个：

function reload(){
    var container = document.getElementById("yourDiv");
    var content = container.innerHTML;
    container.innerHTML= content; 
    
   //this line is to watch the result in console , you can remove it later	
    console.log("Refreshed"); 
}
<a href="javascript: reload()">Click to Reload</a>
    <div id="yourDiv">The content that you want to refresh/reload</div>

希望它有效。让我知道

于 2012-06-06T12:37:58.760 回答
4

尝试创建一个运行这个的 javascript 函数：

document.getElementById("youriframeid").contentWindow.location.reload(true);

或者也许使用 HTML 解决方法：

<html>
<body>
<center>
      <a href="pagename.htm" target="middle">Refresh iframe</a>
      <p>
        <iframe src="pagename.htm" name="middle">
      </p>
</center>
</body>
</html>

两者都可能是您正在寻找的...

于 2012-06-01T01:02:42.433 回答
2

在你的脚本中试试这个：

$("#YourElement").html(htmlData);

我在我的餐桌茶点中这样做。

于 2019-07-02T12:38:19.123 回答
0

尝试每次清空您的 innerHtml。像这样：

Element.innerHtml="";

于 2017-02-15T12:55:27.930 回答