php - ボタンクリック後のjsonの読み込み

Question

ユーザーがボタンをクリックした後にjsonファイルをロードしたいのですが、その方法がわかりません。

ファイルを直接ロードすると、次のようにロードされます。

 <script src="data.json" type="text/javascript"></script>

しかし、ページにアクセスしたときにロードするのではなく、ロードする前にユーザーにボタンをクリックしてもらいたいのです。

ありがとう

Answer 1

シンプル: AJAX を使用します。タイミングを割り当てることができるJavascriptを介して、必要なものをロードします。この例では、clickイベントをアタッチし、イベントが発生すると、URL への呼び出し#myButtonを実行し、それに応じてデータを処理します。getJSON()

HTML

<button id="myButton">Button</button>

Javascript (私の例では jQuery)

$("#myButton").on('click', function() {
    $.getJSON("data.json", function(data) {
        //Handle my response
        alert(data);
    });
});

jQuery を使用しない例が必要な場合は、Google "Javascript AJAX"を使用してください。