我正在学习Ajax课程,但这个非常简单的脚本却出现了一个我不明白的错误。我一直收到“未捕获的类型错误”的提示,指出appendChild方法不是一个函数。
我正在处理的功能旨在在单击链接时异步加载文本文件的内容到一个“p”标签中。
我对JavaScript还不太熟悉,所以很可能是我错过了一些简单的东西,我会感激任何帮助理解我做错了什么的帮助。
我已经创建了一个 jsFiddle 来展示我的代码: http://jsfiddle.net/scottm1164/656edjsf/
我正在处理的功能旨在在单击链接时异步加载文本文件的内容到一个“p”标签中。
我对JavaScript还不太熟悉,所以很可能是我错过了一些简单的东西,我会感激任何帮助理解我做错了什么的帮助。
(function(){
var link = document.getElementsByTagName('a')[0];
link.onclick = function(){
//create xhr object
var xhr = new XMLHttpRequest();
// handle the "onreadystatechange" event
/*
xhr.readysState property values
0 = Uninitialized
1 = Loading
2 = Loaded
3 = Interactive - server is sending a response
4 = Complete
*/
xhr.onreadystatechange = function() {
if ( (xhr.readyState == 4) && (xhr.status == 200 || xhr.status == 304) ) {
xhr.responseText;
var body = document.getElementsByTagName('body')[0];
var p = document.getElementsByTagName('p');
var pText = document.createTextNode(xhr.responseText);
console.log(p);
console.log(pText);
p.appendChild(pText);
body.appendChild(p);
}
};
// open the request
/* arguments:
1. type of request a (GET or POST)
2. path
3. asynchronaus request? (true || false)*/
xhr.open('GET', 'files/ajax.txt', true);
// send the request
xhr.send(null)
return false; // disable default behavior of link
};
})();
我已经创建了一个 jsFiddle 来展示我的代码: http://jsfiddle.net/scottm1164/656edjsf/