<span style="font-family:Comic Sans MS;font-size:18px;">hello Ajax!!!</span>
html 代码：
<span style="font-family:Comic Sans MS;font-size:18px;"><body>
<a href="TextFile1.txt">HelloAJAX</a>
</body></span>
JavaScript代码：
<span style="font-family:Comic Sans MS;font-size:18px;"> <script type="text/javascript">
window.onload = function () {
//1、获取 a节点，并添加 onclick 相应事件
document.getElementsByTagName("a")[0].onclick = function () {
//3、创建一个XMLhttpRequest对象
var request = new XMLHttpRequest();
//4、准备发送请求的数据：URL
var url = this.href;
var method = "GET";
//5、调用XMLHttpRequest对象的open方法
request.open(method,url);
//6、调用XMLHttpRequest对象的sent方法
request.send(null);
//7、为XMLHttpRequest对象添加onreadystatechange 响应事件
request.onreadystatechange = function () {
//8、判断响应是否完成：XMLHttpRequest对象的readystate属性值为4的时候
if (request.readyState == 4) {
//9、在判断响应是否可用：XMLHttpRequest 对象的status 属性值为 200
if (request.status == 200 || request.status == 304) {
//10、打印响应的结果：responsetext
alert(request.responseText)
alert("ddddd");
}
}
}
}
// 2、取消a节点的默认行为
return false;
}
</script></span>
此时运行代码request.send(null)会报错，原因：你使用ajax方式来获取本地的xml文件的时候，前提是你的项目在服务器中部署了，如果你没有在服务器中部署项目，ajax在发送请求的时候肯定会报错的。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
