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

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 的信息：

• $.ajax()
• $.get()
• $.post()
• $.getJSON()

Answer 2

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

var url = 'content/file.txt';

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