JQuery是一種常用的javascript庫，它可以通過調(diào)用接口獲取后臺(tái)數(shù)據(jù)并在前端展示。本文介紹如何使用Jquery調(diào)用接口顯示數(shù)據(jù)。

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

在以上代碼中，我們定義了兩個(gè)方法，一個(gè)是調(diào)用接口方法，一個(gè)是前端展示方法。當(dāng)我們點(diǎn)擊某個(gè)按鈕或者頁面加載時(shí)，可以調(diào)用get_data()方法，該方法會(huì)先調(diào)用接口獲取數(shù)據(jù)，然后調(diào)用show_data()方法展示數(shù)據(jù)。

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