用Ajax读取Text格式的数据

  用Ajax读取Text格式的数据,只需要读取XMLHttpRequest对象返回的responseText属性即可。代码如下:

  1、Client - helloworld.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 Hello World</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"
                onclick
="startRequest();" />
    
</div>
</body>
</html>

 

2、Server - data.txt

hello world!

附源码:responseText.rar
posted @   青山下  阅读(717)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示