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);
});