在web開發中，很多時候需要從前端頁面獲取用戶的輸入數據。傳統的方式是使用form表單提交數據，但是隨著前后端分離開發的普及和Ajax技術的發展，越來越多的開發者使用JSON格式來響應和傳輸數據。

從前端頁面獲取JSON數據可以通過form表單來提交。form表單中的標簽有一個hidden屬性可以將數據隱藏，而且可以通過JavaScript動態設置value值，從而提交JSON數據。

<form method="post" action="data.php">
<input type="hidden" name="data" id="data">
<button type="button" onclick="submitData()">提交</button>
</form>
<script>
function submitData() {
var data = {name: 'Tom', age: '18', gender: 'male'};
document.getElementById("data").value = JSON.stringify(data);
document.forms[0].submit();
}
</script>

在上面的代碼中，我們使用JSON.stringify()將JavaScript對象轉換為JSON字符串，然后將值設置到input標簽的value屬性中，最后使用submit()方法提交表單。在后臺，接收到這個JSON數據可以使用以下代碼：

$json = $_POST['data'];
$data = json_decode($json, true);

使用json_decode()函數將JSON字符串轉換為PHP數組，最后就可以對數據進行操作了。