Ajax读取Text格式的数据-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_16325/article/details/81656242

1.文本文件名：data.txt，其中内容如下所示：

文本测试数据!

2.用来测试读取*.text文件的页面为：test.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<title>Ajax Read Text</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){
						// 显示返回结果
						alert("responseText's value: " + xmlHttp.responseText);
					}
				}
			}
		</script>
	</head>
	<body>
		<div>
			<input type="button" value="return ajax responseText's value"	οnclick="startRequest();" />
		</div>
	</body>
</html>