在前端頁面中，我們經常需要從后端服務器獲取數據來渲染頁面，而json就是一種常見的數據格式。在前端中使用json數據，我們一般需要通過ajax請求從后端獲取json數據，并將其解析成js對象后，再將數據渲染到頁面中。

$.ajax({
url: '/api/getData',
dataType: 'json',
success: function(data) {
// 將獲取的json數據解析成js對象
var obj = JSON.parse(data);
// 遍歷數據并渲染到頁面中
var html = '';
for (var i = 0; i < obj.length; i++) {
html += '<div>姓名：' + obj[i].name + '，年齡：' + obj[i].age + '</div>';
}
$('#data-container').html(html);
},
error: function() {
console.log('獲取數據失敗');
}
});

在以上代碼中，我們使用了jQuery的ajax方法來從后端獲取數據，并通過dataType來指定返回的數據格式為json。在success回調函數中，我們將獲取到的json數據解析成js對象，并通過遍歷數據來生成html字符串，最后將html字符串渲染到頁面中。

需要注意的是，在解析json數據時，我們使用了JSON.parse方法將數據解析成js對象，如果返回的是一個字符串，則需要將其轉成js對象才能使用。而在渲染數據時，我們需要將js對象中的字段拼接成一個html字符串，并插入到頁面中。可以使用jQuery的html方法來實現這一功能。