Ajax读取文本文档

前端之家收集整理的这篇文章主要介绍了Ajax读取文本文档前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

首先建立一个web工程:

在WebRoot下建立一个文本文档ajaxtest.txt,在里面写上一点内容

hello ajax
hello world

在index.jsp的head中写入如下代码

<script type="text/javascript">
     function getContent(){
         var xmlhttpRequest=new XMLHttpRequest();
           xmlhttpRequest.onreadystatechange=function(){
           if (xmlhttpRequest.readyState==4 && xmlhttpRequest.status==200){
             document.getElementById("content").value=xmlhttpRequest.responseText;
           }
          }
          xmlhttpRequest.open("GET","<%=path%>/txt/ajaxtest.txt",true);
          xmlhttpRequest.send();
     }
    </script>
其中readyState=4表示Http响应已经完全接收,status是状态码,200表示成功,
当两个条件都满足时,就可以接收服务器返回的数据。
没有使用XMLHttpRequest()去请求是不会触发这个函数的,请求的代码是:
xmlhttpRequest.open("GET","<%=path%>/ajaxtest.txt",true);
 xmlhttpRequest.send();

在body中写上如下代码

<input type="button" value="ajax获取信息"  />
<br/>
<textarea id="content" rows="5" cols="30"></textarea>

当你点击button的时候就会得到你在文本文档中写的内容

原文链接:https://www.f2er.com/ajax/165396.html

猜你在找的Ajax相关文章