GridView是一種常見的JQuery UI組件，可以用于在網頁上展示表格數據。而JSON是一種常見的數據格式，它具有良好的可讀性和互操作性。在本文中，我們將探討如何使用GridView讀取JSON數據。

首先，我們需要在 HTML 頁面中引入必要的庫文件。這里我們使用 JQuery UI 和 Jquery UI CSS。示例代碼如下：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link  rel="stylesheet">

接著，我們需要在頁面中創建一個GridView元素，用于展示JSON數據。示例代碼如下：

<table id="gridview"></table>

現在，我們來看看如何使用 JQuery 加載 JSON 數據并將其綁定到 GridView 中。示例代碼如下：

$(document).ready(function() {
$.ajax({
url: "data.json",
dataType: "json",
success: function(data) {
$("#gridview").jqGrid({
data: data,
colNames:['姓名', '年齡', '性別'],
colModel:[
{name:'name',index:'name', width:100},
{name:'age',index:'age', width:100},
{name:'gender',index:'gender', width:100}
],
rowNum:10,
rowList:[10,20,30],
pager: '#pager',
sortname: 'name',
viewrecords: true,
sortorder: "desc",
caption:"JSON數據展示"
});
}
});
});

這段代碼中，我們通過 JQuery 的 Ajax 方法從 data.json 文件中加載 JSON 數據。然后，我們將數據綁定到 GridView 上，并指定每一列數據的名稱、寬度等屬性。最后，我們設置了分頁按鈕、排序方式等屬性，以及 GridView 的標題。這樣，我們就實現了從 JSON 數據到 GridView 的轉換。