Question

所以最初我有以下内容，这使我可以通过点击链接更改文字：

<p id="message">Starting Text</p>
<a href="#" class="link">Show message #1</a><br>

<script>
   var test = 'test text';

   $(".link").click(function() {
      $("#message").text(test);
   });
</script>

如何更改此内容以便从.txt文档中提取文本？

Answer 1

如果这些.txt文档存储在服务器上，您可以使用AJAX调用来检索它们的内容：

<script type="text/javascript">
    $(".link").click(function() {
        $.get('/some_text_document.txt', function(result) {
            $("#message").text(result);
        });
    });
</script>

进一步阅读有关jQuery和AJAX的信息：

Answer 2

假设文本文件在您的服务器上，您应该使用load jquery方法。

var url = 'content/file.txt';

$(".link").click(function() {
   $("#message").load(url);
});

如何使用jQuery更改文档中的文本？

2 个答案: