javascript - JS / AJAX：ボタンをクリックするだけでページの一部を更新します

Question

私は現在、.txtファイルからランダムな行をエコーするジェネレーターを作成している最中です。すべてが順調ですが、ボタンがクリックされたときにランダムな行を更新するページのこの特定の部分が必要です。私は何の役にも立たない複数の方法を試しましたが、アイデアが不足しています-私はまだJavaScript / AJAXにまったく慣れておらず、それをどのように実行するかがわかりません。どんな助けでも素晴らしいでしょう、ありがとう！

Answer 1

Jquery Ajaxを使用してファイルからコンテンツを取得し、そのコンテンツをdivに表示します

$.ajax({
  type: "GET",
  url: "yourfilename.txt"
  }).done(function( msg ) {
  $("#YOURDIVID").html(msg.d);
});

ボタンのクリックイベントをバインドする

$(function(){
  $("#YOURBUTTONID").on("click",function(){
    //do your work
  });
});

更新ロジックは関数にラップしてボタンをクリックするだけで呼び出すことができます。または、javascriptsettimeoutメソッドを使用することもできます。