<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在发送请求的时候肯定会报错的。