JQuery是一種常用的javascript庫，它可以通過調用接口獲取后臺數據并在前端展示。本文介紹如何使用Jquery調用接口顯示數據。

//調用接口方法
function get_data() {
$.ajax({
type: "GET",
url: "接口地址",
success: function(result) {//result是接口返回的數據
show_data(result);//調用前端展示方法
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("獲取數據失敗，請檢查網絡");
}
});
}
//前端展示方法
function show_data(data) {
var str = '';
for (var i = 0; i < data.length; i++) {
str += '<p>' + data[i].name + '</p>';//name是數據中的字段
}
$('#data_container').html(str);//展示數據的容器
}

在以上代碼中，我們定義了兩個方法，一個是調用接口方法，一個是前端展示方法。當我們點擊某個按鈕或者頁面加載時，可以調用get_data()方法，該方法會先調用接口獲取數據，然后調用show_data()方法展示數據。

在前端展示方法中，我們首先定義一個空字符串str，然后通過for循環遍歷接口返回的數據。在遍歷過程中，我們通過字符串拼接的方式將數據中的字段name插入到p標簽中，最終將所有拼接好的p標簽插入到頁面上的某個容器中（如#data_container）。這樣就實現了在前端展示從接口獲取的數據。