JSON是一種輕量級的數據格式，它常用于前后端數據交互。在前端頁面中，通過使用JSON，我們可以很方便地進行數據傳值。

首先，我們需要將JSON數據作為一個字符串傳遞到前端，然后使用JavaScript中的JSON.parse方法將其轉換為JavaScript對象。例如：

var jsonData = '{"name": "Tom", "age": 22}';
var data = JSON.parse(jsonData);
console.log(data.name); //輸出Tom
console.log(data.age); //輸出22

在實際應用中，我們常常需要將JSON數據傳遞到后端進行處理，或者從后端獲取JSON數據并在前端頁面中使用。這時，我們可以使用Ajax來進行數據傳遞。我們可以使用jQuery中的$.ajax方法來發送請求和接收響應。例如：

$.ajax({
url: "http://example.com/getData",
type: "POST",
data: {
name: "Tom",
age: 22
},
dataType: "json",
success: function(data) {
alert("成功獲取數據！");
console.log(data.name); //輸出Tom
console.log(data.age); //輸出22
},
error: function() {
alert("獲取數據失??！");
}
});

在上述例子中，我們向"http://example.com/getData"發送了一個POST請求，并傳遞了一個JSON對象作為數據。服務器處理請求后返回一個JSON對象，其中包含了名為name和age的屬性。我們在success回調函數中獲取這些屬性，并在控制臺中輸出它們的值。

總之，JSON是前后端數據交互中一種常用的數據格式，我們可以將JSON數據作為字符串傳遞到前端頁面，然后使用JSON.parse方法轉換為JavaScript對象。也可以使用Ajax發送請求和接收響應，實現前后端數據交互。