我很难用XMLHTTPRequest API从一个简单的文本文件中加载文本。
下面是我在开发中使用的技术列表:
概述:我正在运行一个简单的index.htm页面,它通过输入类型'Button‘调用脚本。API在内存中从JavaScript中分配一个引用,当API状态发生变化时,函数'onReadyStateChange‘被执行。
就绪状态1(加载)返回,而不返回状态。没有调用此函数的更多实例,这表明状态在此之后没有改变。
提示:我想这与资源的位置和在注册网站上以本地主机模式运行的应用程序有关,但我只是不知道。
HTML代码:
<body>
<input type="button" id="getSome" title="Andrew Graham" value="Bob" onclick="Get_ListTextFile();"/>
<script src="Scripts/index.js" type="text/javascript"></script>
</body>
JavaScript代码:
var request= new XMLHttpRequest();
function Get_ListTextFile() {
var uniformResourceLocator = 'Bob.txt';
if (window.XMLHttpRequest = true) {
request.open('GET', uniformResourceLocator,true);
request.onReadyStateChange = ServerResponse();
request.send();
}
}
function ServerResponse() {
var response;
if (request != 'undifined') {
if(request.readyState === 4 && request.status === 200){
response = JSON.parse(request.responseText);
}
}
}
网页请求:ls:1920/index.htm
*ls = localhost
档案内容:
鲍勃1鲍勃2鲍勃3
发布于 2013-11-12 15:38:08
您的就绪状态更改函数应该是小写的:
request.onreadystatechange = ServerResponse();
下面是一个可重用的更新版本:
var request = new XMLHttpRequest();
function load(url, callback) {
if (window.XMLHttpRequest = true) {
request.open('GET', url, true);
request.onreadystatechange = function () {
if (request.readyState === 4 && request.status === 200) {
callback(request.responseText);
}
}
request.send();
}
}
load('/', function(data) {
console.log(data);
});
http://jsfiddle.net/p6H2r/
https://stackoverflow.com/questions/19932899
复制相似问题