0

私はこのコードを持っています:

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").load("./a.txt");
  });
});
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text2</h2></div>
<button>Get External Data</button>

</body>
</html>
enter code here

しかし、ボタンをクリックしても何も起こりません。load("/a.txt"); も試しました。まだ運がありません。

さまざまなブラウザを試しましたが、成功しませんでした。

*更新*：

================================================== ==

ファイルをWebサーバー内に配置することで、上記の問題を（部分的に）解決することができました。

今、私は別の関連する問題を抱えています。Jquery を実行するボタンは 1 回しか機能しないようです。テキスト ファイルの内容を変更してボタンをクリックすると、常に古いファイルのテキストが表示されます。ブラウザは Jquery で読み込まれたデータをキャッシュしていると思いますか?

4

2 に答える 2

1

リクエストがキャッシュされないようにする方法は 2 つあります。ajax リクエストがキャッシュされても構わない場合は、これをコードの先頭に追加するだけです。

$.ajaxSetup ({
    // Disable caching of AJAX responses
 cache: false
});

または、このリクエストのためだけに実行したい場合は、次のようなキャッシュ クリア パラメータを追加するだけです。

$("#div1").load("./a.txt?_="+Math.round(Math.random()*10000));
于 2013-10-25T16:42:55.817 に答える