如何將事件監聽器添加到 xmlhttp ajax 請求

Question

我正在嘗試向從我的 xmlhttp AJAX 請求獲得的輸出中添加一個事件偵聽器，在此示例中，我在成功的 ajax 請求后獲得一個按鈕，但是當我單擊該按鈕時，我設置的事件偵聽器不會觸發 ' myfunction()' 顯示警報

索引.html

 <div id="list"><p></p></div>

腳本

function myFunction() {
alert("Hello! I am an alert box!");
}

function getdata() {

    var o = new XMLHttpRequest();
    (o.timeout = 3e4),
        (o.onload = function () {
            document.getElementById("list").innerHTML = this.responseText;
             
            
        }),
        o.open("GET", "view.php", !0),
        (o.ontimeout = function () {
            document.getElementById("list").innerHTML = '<b>Time out, please check your Internet 
 connection or </b><br><input type="button" class="retry" value="RETRY" onclick="getdata()">';
        }),
        o.send(),
        (document.getElementById("list").innerHTML = '<b>FETCHING RESULTS</b><div class="loader"> 
</div>');
    
        
}

}
document.getElementById("mybutton").addEventListener("click", myFunction);

查看.php

<button class="nput" id="mybutton"> click me</button>

Answer 1

你的代碼格式太糟糕了......在這里你可以找到一個關於如何使用 XMLHttpRequest 事件的工作示例：

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/load_event

Mozilla 文檔 ( https://developer.mozilla.org ) 是有關 JavaScript 的絕佳知識來源，我強烈建議您在詢問社區之前先在那里尋找答案，尤其是在涉及 XMLHttpRequest 等基本和常見 API 時。