这个也不算多么高的技术!首先要有index.jsp页面和 data.txt文本文件。
-----------------------------------------------------------------
index.jsp <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>5dwang.com</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
function startRequest()
{
createXMLHttpRequest();
try{
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", "data.txt", true);
xmlHttp.send(null); }catch(exception)
{
alert("您要访问的资源不存在!");
}
}
function handleStateChange()
{ if(xmlHttp.readyState == 4)
{ if (xmlHttp.status == 200 || xmlHttp.status == 0)
{
// 显示返回结果
document.getElementById("5dwang").innerHTML=xmlHttp.responseText;
}
}
}
</script>
</head>
<body>
<div id=5dwang></div>
<input type="button" value="return ajax responseText's value" οnclick="startRequest();" />
</body>
</html>
复制代码data.txt
Hello ACCP!!
-----------------------------------------------------------------
运行页面 点击按钮输出:Hello ACCP!!
-----------------------------------------------------------------
注:如果data.txt有中文时,会出现乱码!
解决方法:
data.txt另存为时,编码也选择:utf-8