Question

我有这段代码：

<!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

但点击按钮后没有任何反应。我也试过加载（“/ a.txt”）;仍然没有运气。

尝试了不同的浏览器，但没有成功。

*的更新 * ：

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

我设法通过将文件放在Web服务器中来解决上述问题（部分）。

现在我有另一个相关问题。运行Jquery的按钮似乎只工作一次。那是当我更改文本文件的内容并单击按钮时，我总是看到旧文件的文本。我想浏览器缓存Jquery加载的数据？

Answer 1

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

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

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

$("#div1").load("./a.txt?_="+Math.round(Math.random()*10000));

Answer 2

试试这个

<!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>

JQuery加载功能似乎不起作用

2 个答案: