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 的按钮似乎只工作一次。那是当我更改文本文件的内容并单击按钮时，我总是看到旧文件的文本。我想浏览器缓存 Jquery 加载的数据？

4

2 回答 2

1

有两种方法可以阻止您的请求被缓存，如果您不介意任何 ajax 请求开始缓存，您可以将其添加到代码的开头。

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

或者，如果您只想为此请求执行此操作，您可以添加一个缓存清除参数，例如

$("#div1").load("./a.txt?_="+Math.round(Math.random()*10000));
于 2013-10-25T16:42:55.817 回答
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(){
  $(document).on('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>
于 2013-10-25T16:40:56.003 回答