单击按钮后加载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"。