编程实现，单击按钮，使用jquery发起Ajax请求获取json文件中的数据

在jQuery中，你可以通过编写简单的JavaScript代码来实现这个功能。首先，你需要确保页面上有一个按钮元素，并且引入了jQuery库。以下是详细的步骤：

1. **HTML部分**:

<button id="getDataBtn">获取数据</button>
<div id="dataContainer"></div> <!-- 用于显示获取的数据 -->

2. **jQuery/AJAX部分**:

$(document).ready(function() {
    // 监听按钮点击事件
    $('#getDataBtn').click(function() {
        // 发起Ajax GET请求，这里假设JSON文件的URL是"data.json"
        $.ajax({
            url: 'data.json',
            type: 'GET', // 请求类型
            dataType: 'json', // 预期返回的数据类型
            success: function(data) { // 请求成功后的回调函数
                // 将获取到的数据处理后展示在dataContainer元素中
                $('#dataContainer').html(JSON.stringify(data, null, 4)); // 使用`JSON.stringify`格式化输出
            },
            error: function(xhr, textStatus, errorThrown) { // 请求出错的回调函数
                console.error('Ajax request failed:', xhr.responseText);
            }
        });
    });
});

在这个例子中，当用户点击“获取数据”按钮时，会向"data.json"发送一个GET请求。如果请求成功，服务器返回的数据会被解析成JSON并展示在id为"dataContainer"的DOM元素里；如果请求失败，则会在控制台输出错误信息。