0

すべてのファイルが同じフォルダーにあるため、何が問題なのかわかりません。最初に HTML を投稿し、次に AJAX を投稿し、最後に .txt ファイルを投稿します。

HTML:

<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Title of webpage</title>
    <link rel="stylesheet" type="text/css" href="main.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="javascript.js"></script>
</head>
<body>
    <div id="myDiv"><h2>Let AJAX change this text</h2></div>
    <button onclick="loadXMLDoc()">Change Content</button>

</body>
</html>

そして私のjavascript/AJAX:

function loadXMLDoc(){
var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange=function(){
    if (xmlhttp.readyState==4 && xmlhttp.status==200){
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("GET", "test.txt", true);
xmlhttp.send();
}

そして私の.txtファイル：

<h3>This text was changed</h3>
<p>And also I added a random paragraph</p>

助けてくれてありがとう。

4

2 に答える 2

1

あなたが持っているものは、AJAX を使った最初のステップとしてはかなり良さそうです。しかし、あなたは本当にウェブサーバーが必要です。サンプルを機能させるには、次の手順を実行します。

  1. マシンに Web サーバーをインストールします。最初のステップには XAMPP を使用することをお勧めします。ここから入手してください: http://www.apachefriends.org/en/xampp.html自分で何かを設定する必要はありません。インストールするだけで、「out-of-the--箱"。
  2. すべてのファイルをhtdocsフォルダーに配置します。この例では、HTML ファイルに という名前を付けましたajax.html。
  3. Web サーバーが実行されていることを確認します。ブラウザを開き、 に移動しlocalhostます。大きな XAMPP を含むページが表示されるはずです。
  4. に移動しlocalhost/ajax.htmlます。あなたのコードをテストしたところ、うまくいきました。

おそらく、この W3CSchools AJAX チュートリアルで、AJAX に関する詳細情報を得ることができます。

于 2013-06-22T22:01:53.063 に答える
0

あなたが投稿したものを見て、問題はこれを Web サーバー上で実行していないことだと思います。JavaScript では、クライアント側で GET メソッドを使用して test.txt を要求していますが、text.txt ファイルで get 要求に応答するバックエンド側はありません。

これを実現するには、Apache などの Web サーバーをインストールし、ファイルを www または httpdocs フォルダーに配置します。

于 2013-06-22T21:38:51.363 に答える