20

Webページ全体ではなく、Webサイトの特定の要素のみを更新する方法を知りたいのですが。私が話している要素は、読み込みが非常に遅く、接続タイムアウトが発生する可能性があるフラッシュアプ​​リケーションです。ユーザーがその要素/偽のアプリのみを更新できるようにしたい。それ、どうやったら出来るの？以下に、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 に答える