源代码 ajax1.html:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ajax请求纯文本文档</title> </head> <body> <button type="button" id="button">请求纯文本</button> </body> </html> <script type="text/javascript"> //获取元素并添加事件 document.getElementById('button').addEventListener('click',loadText); //创建loadText函数 function loadText(){ //创建XMLHttpRequst对象 var xhr = new XMLHttpRequest(); // console.log(xhr); //输出所创建里包含的东西 // // 打开文件 // open(请求方式type,访问文件url/file,是否异步async) xhr.open('get', 'a.txt', true); //两种请求方式:onload/onreadystatechange //onload 方式: xhr.onload = function(){ //输出一下请求返回的文本 console.log(this.responseText); } // //onreadystatechange 方式 /*xhr.onreadystatechange = function(){ console.log(this.responseText) }*/ //发送请求 xhr.send(); } </script>
源代码 a.txt:
dfbaksfkakkassl fmaksdfkasnf asndfnasdfndsl asdfknfksdnfss
效果图: