javascript - 仅为特定的 html 元素启用刷新

标签 javascript html ajax

我想知道如何只刷新网站中的特定元素,而不是整个网页?我所说的元素是一个 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>

最佳答案

试试这个:

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>

希望它有效。让我知道

关于javascript - 仅为特定的 html 元素启用刷新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10841239/

相关文章:

javascript - 将 JavaScript 变量传递给 jQuery DataTable 中的 razor 函数

html - 可变旋转文本的绝对位置

javascript - 将输入字段的值复制到多个隐藏字段...但具有相同的 ID?

javascript - 函数未识别 javascript/ajax SOAP 客户端

javascript - 如何访问每个 JSON 对象的属性?

javascript - 如何将 $.ajaxStart() 和 $.ajaxStop() 设置为仅在 POST 请求时触发?

javascript - 如果在 iOS 设备上查看页面,是否可以从 Chrome 在 Safari 中打开新 URL?

javascript - 使用 Onchange 和 javascript 函数发送值

javascript - 使用jquery添加背景的淡入淡出效果变化

javascript - element.children 的 console.log 显示长度为 0,但稍后展开时有 3 个条目