Fatal编程技术网

Javascript XMLHTTPRequest加载

javascript html visual-studio-2010

Javascript XMLHTTPRequest加载,javascript,html,visual-studio-2010,xmlhttprequest,Javascript,Html,Visual Studio 2010,Xmlhttprequest,我正在努力使用XMLHttpRequestAPI从一个简单的文本文件加载文本 以下是我在开发中使用的技术列表： 微软视觉工作室2010 Microsoft Internet Explorer 8 概述： 我正在运行一个简单的index.htm页面，该页面通过输入类型“Button”调用脚本。API在内存中从JavaScript分配了一个引用，并且在API状态更改时执行函数“onReadyStateChange” 返回就绪状态1（正在加载），但未返回任何状态。没有调用此函数的更多实例，这向我表

我正在努力使用XMLHttpRequestAPI从一个简单的文本文件加载文本

以下是我在开发中使用的技术列表：

  • 微软视觉工作室2010
  • Microsoft Internet Explorer 8
概述： 我正在运行一个简单的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>
网页要求： http://*ls:1920/index.htm

*ls=localhost

文件内容：

鲍勃1 鲍勃2
Bob 3

您在就绪状态更改功能中应使用小写字母：

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);
});

能否尝试运行Fiddler以查看服务器响应是什么？响应代码可能会告诉您一些有用的信息。IE8调试器不像其他浏览器那样进行网络监控，所以如果您没有它，fiddler是一个很好的工具。“资源的位置和在注册网站上以本地主机模式运行的应用程序”-也许您正在考虑跨站点脚本保护？域必须是相同的，除非调试器正在运行，否则在IE8中不会出现更多错误。好的，我看不到“树中的木头”！真正的问题在于JavaScript的案例敏感性，我没有停下来考虑。 
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);
});