本文共 435 字，大约阅读时间需要 1 分钟。

jQuery.getJSON()方法可以用来获取远程 JSON 数据，在这个示例中，点击按钮后会请求data.json文件并显示其中的数据。该方法简单易用，适用于快速实现数据获取需求。代码中使用了$.getJSON()方法，通过传递URL路径获取数据，并在数据获取成功后将结果显示在页面上。这种实现方式轻量且高效，适合处理异步数据请求。

在实现代码时，可以看到页面中包含了一个button元素和一个div容器来显示结果。这个button元素绑定了点击事件，触发了$.getJSON()方法，请求指定的JSON文件。随着请求的成功，result对象包含了响应数据，进而将result[0].name的值添加到页面中。

整个实现过程简洁明了，代码结构清晰，易于扩展和维护。这种方式不仅适合小型数据请求，还可以处理较大的数据集，通过AJAX技术实现无需页面刷新的数据更新。

如果需要更高级的功能，可以考虑添加loading指示、错误处理或者数据格式转换等功能，使应用更加完善。

转载地址：http://djntz.baihongyu.com/