首先建立一个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.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