要在前端展示从后端获取的数据，可以使用 AJAX 来异步请求后端数据，并将返回的数据展示在页面上。下面是一个示例：
$.ajax({
url: 'example.php', // 后端接口的 URL
type: 'GET', // 请求类型（GET、POST 等）
dataType: 'json', // 预期的响应数据类型为 JSON
success: function(response) {
// 成功获取到响应数据后的处理
displayData(response);
},
error: function(error) {
// 处理请求失败的情况
console.error('请求失败：', error);
}
});
function displayData(data) {
// 在页面上展示数据
var html = '';
for (var i = 0; i < data.length; i++) {
html += '<p>' + data[i].name + ': ' + data[i].value + '</p>';
}
$('#dataContainer').html(html);
}
在上面给出的示例中，我们使用 `$.ajax()` 方法发送 GET 请求到 `'example.php'` 后端接口，并指定 `dataType: 'json'`，以告知 jQuery 希望获取的响应数据类型为 JSON。
在成功获取到响应数据后，会调用 `success` 回调函数，在该函数中调用 `displayData()` 函数来展示数据。土嘎嘎技术网友情提示：你需要根据实际情况修改 `displayData()` 函数以适应响应数据的结构和需求。在这个示例中，假设返回的数据是一个对象数组，每个对象包含 `name` 和 `value` 字段。
在 `displayData()` 函数中，我们使用一个简单的循环来构建 HTML 字符串，并将数据展示在具有 id 为 `'dataContainer'` 的元素中。这里假设存在一个 `<div id="dataContainer"></div>` 元素用于显示数据。
根据实际需求和数据结构，你可以自定义展示数据的方式，并将其插入到页面的特定位置。
请确保在使用 AJAX 请求时，后端接口正确返回响应数据，并且前端代码能够正确处理并展示这些数据。