如何在單擊按鈕時刷新div

Question

我需要您的幫助來執行ajax部分，以單擊“刷新”按鈕刷新div。 我需要一個例子。

根據我在互聯網上找到的示例，我嘗試將其刷新15秒。

但這沒用，請你能幫忙嗎

下面是我的代碼：

<script type="text/javascript">  
function Ajax(){  
    var xmlHttp;  
    try{      
        xmlHttp=new XMLHttpRequest();// Firefox, Opera 8.0+, Safari  
    }  
    catch (e){  
        try{  
            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer  
        }  
        catch (e){  
            try{  
                xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");  
            }  
            catch (e){  
                alert("No AJAX!?");  
                return false;  
            }  
        }  
    }  

    xmlHttp.onreadystatechange=function(){  
        if(xmlHttp.readyState==4){  
            document.getElementById('ReloadThis').innerHTML=xmlHttp.responseText;  
            setTimeout('Ajax()',10000);  
        }  
    }  
    xmlHttp.open("GET","MQSTATUS.jsp",true);  
    xmlHttp.send(null);  
}  

window.onload=function(){  
    setTimeout('Ajax()',10000);  
}  
</script>  

它給我一個錯誤，這是行中未知的運行時錯誤

<code>
    xmlHttp.open("GET","MQSTATUS.jsp",true); 
</code>

我應該如何修改代碼，我試圖更改命名並做一些修改，但是沒有用。 我試圖將/放在網址之前

<code>
    xmlHttp.open("GET","/MQSTATUS.jsp",true); </code>

Answer 1

這可能是你要找的是什么，使用jquery。 這是示例（您也可以在上一個鏈接中找到）

谷歌上的其他搜索也顯示了相同的方法：以某種方式“隱藏” div，然后通過鏈接所需的操作再次將內容加載到其中並顯示出來。 但是，我認為您僅可以使用javascript來完成此操作，而無需外部庫（例如jquery）

Answer 2

我不確定，但我認為您應該先刪除setTimeout（'Ajax（）'，10000）; 在您的AJAX調用中。 其次，嘗試添加此jsp的完整部署路徑。 即。 如果您的部署路徑為http：// localhost：8080 / MYAPPLICATION / MQSTATUS.jsp ，則嘗試使用xmlHttp.open（“ GET”，“ / MYAPPLICATION / MQSTATUS.jsp”，true）;

Answer 3

我將從分離XHR對象和AJAX調用的初始化和更新開始。 這樣，您只有一個XHR對象，並且始終可以執行您告訴它的操作。 首先，您從窗口對象的onload處理程序初始化XHR對象。 然后，通過在刷新按鈕的onclick處理程序中調用updateAjax()向該對象發出新請求。 它看起來像這樣：

<script type="text/javascript">
var xmlHttp;

function initAjax() {
    try {
        xmlHttp = new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
    } catch(e) {
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
        } catch(e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } catch(e) {
                alert("No AJAX!?");
                return false;
            }
        }
    }

    xmlHttp.onreadystatechange = function() {
        if(xmlHttp.readyState == 4) {
            document.getElementById('ReloadThis').innerHTML = xmlHttp.responseText;
        }
    }
}

function updateAjax() {
    xmlHttp.open("GET", "MQSTATUS.jsp", true);
    xmlHttp.send(null);
}

window.onload = function() {
    initAjax();
}
</script>

然后在您的HTML中

<input type="button" value="Refresh" onclick="updateAjax()" />

希望這對您有所幫助。

Answer 4

嘗試將“ UpdatePanel” AJAX控件添加到按鈕控件。 在按鈕的Click事件上添加此類代碼：

<asp:UpdatePanel runat="server">
        <ContentTemplate>        
            <asp:Label ID="Label1" runat="server"></asp:Label>
            <asp:Timer ID="timer1" Interval="500" runat="server" ontick="timer1_Tick"></asp:Timer>
            <%--<asp:Button ID="Button1" runat="server" Text="Button" />--%>
        </ContentTemplate>
</asp:UpdatePanel>