Загрузка json после нажатия кнопки

Question

Я хочу загрузить json-файл после того, как пользователь нажмет на кнопку, не уверен, как это сделать.

Если я загружу файл напрямую, он будет загружен с использованием следующего.

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

Но я хочу, чтобы пользователь нажал кнопку, прежде чем он загрузится, а не загружается при доступе к странице.

Thanks

Answer 1

Простой: используйте AJAX. Он загрузит все, что вы захотите, с помощью Javascript, для которого вы можете назначить тайминги. В этом примере мы присоединяем событие click к #myButton, и когда событие срабатывает, мы запускаем вызов getJSON() на URL-адрес и обрабатываем данные соответствующим образом.

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".