Javascript 如何将事件侦听器添加到xmlhttp ajax请求

我试图将事件侦听器添加到从xmlhttp AJAX请求获得的输出中，在本例中，我在成功的AJAX请求后获得一个按钮，但当我单击该按钮时，我设置的eventlistener不会触发“myfunction（）”以显示警报

index.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);

函数myFunction（）{
警报（“你好！我是一个警报框！”）；
}
函数getdata（）{
var o=新的XMLHttpRequest（）；
（o.timeout=3e4），
（o.onload=函数（）{
document.getElementById（“list”）.innerHTML=this.responseText；
}),
o、 打开（“GET”、“view.php”、！0），
（o.ontimeout=函数（）{
document.getElementById（“列表”）.innerHTML='超时，请检查您的Internet
连接或
'；
}),
o、 send（），
（document.getElementById（“list”）.innerHTML='获取结果
');
}
}
document.getElementById（“mybutton”）.addEventListener（“单击”，myFunction）；

view.php

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

点击我

您的代码格式太差了。。。在这里，您可以找到一个关于如何使用XMLHttpRequest事件的工作示例：

---

Mozilla文档（）是关于JavaScript的极好的知识来源，我强烈建议您在询问社区之前先在那里寻找答案，特别是在涉及基本和常见的API（如XMLHttpRequest）时。

您应该使用JS验证器。至少