单击按钮后加载json

Question

我想在用户单击按钮后加载json文件，不知道该怎么做。

如果我直接加载文件，它将使用以下内容加载。

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

但是我希望用户在加载按钮之前单击按钮，而不是在访问页面时加载按钮。

谢谢

Answer 1

简单：使用AJAX。 它将通过Javascript加载您想要的任何内容，您可以为其分配时间。 在此示例中，我们将click事件附加到#myButton并在事件触发时，对URL运行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” 。