我制作了一个非常简单的Ajax测试代码片段:
<!DOCTYPE html>
<html>
<head>
<script src='main.js'></script>
</head>
<body>
<button id='get-content'>Click</button>
<p></p>
</body>
</html>
main.js
(function(){
window.addEventListener('load', function(){
var xml_request = new XMLHttpRequest();
xml_request.open('GET', '/test.txt', true);
xml_request.addEventListener('readystatechange', change_content);
var button_element = document.getElementById('get-content');
button_element.addEventListener('click', fireup(xml_request));
function fireup(xml_request) {
xml_request.send();
}
function change_content(){
if (xml_request.readyState == 4 && xml_request.status == 200) {
document.getElementsByTagName('p')[0].textContent = xml_request.responseText;
};
};
});
})();
它工作,但除了,ajax请求发送和更改p标签,没有我按下按钮,任何想法？
button_element.addEventListener('click', fireup(xml_request));
在这一行中,您调用 fireup(xml_request)并分配它返回的任何内容(无)作为click事件的侦听器.你可能想要这样的东西:
button_element.addEventListener('click', fireup);
function fireup() { ...
由于xml_request是在fireup函数范围内,因此您无需将其作为参数传递.
| 归档时间： |
|
| 查看次数： |
73 次 |
| 最近记录： |