0

XMLHTTPRequest API を使用して単純なテキスト ファイルからテキストを読み込むのに苦労しています。

以下は、開発で使用しているテクノロジーのリストです。

  • マイクロソフト ビジュアル スタジオ 2010
  • Microsoft Internet Explorer 8

概要: 「ボタン」の入力タイプを介してスクリプトを呼び出す単純な index.htm ページを実行しています。API には JavaScript からメモリ内の参照が割り当てられ、API の状態が変化すると関数「onReadyStateChange」が実行されます。

準備完了状態 1 (読み込み中) が返され、ステータスは返されませんでした。この関数のインスタンスはこれ以上呼び出されず、その後状態が変化しなかったことを示しています。

ヒント: リソースの場所と、登録された Web サイトに並置された localhost モードで実行されているアプリケーションに関係があるのではないかと考えたくなりますが、わかりません。

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

        }

    }

}

Web ページのリクエスト: http://*ls:1920/index.htm

*ls = ローカルホスト

ファイルの内容:

ボブ 1 ボブ 2 ボブ 3

4

1 に答える 1

0

準備完了状態の変更機能では、小文字にする必要があります。

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/

于 2013-11-12T15:38:08.157 に答える