EasyUI和Struct2都是應用于Web開發中的重要框架。在許多Web項目中，傳遞和處理JSON數據都是一個常見的操作。本文將探討如何結合EasyUI和Struct2來實現對JSON數據的處理。

在EasyUI中，使用Ajax請求獲取JSON數據的方法非常簡單。以下是一個示例：

$.ajax({
url: 'data.json',
dataType: 'json',
success: function(data){
// 處理數據
}
});

在Struct2中，可以使用JSON插件并使用@Result注解來返回JSON數據。以下是一個示例：

<result name="jsonData" type="json"><param name="root"><![CDATA[
{
"name":"John",
"age":32,
"address":"New York"
}
]]>
</param></result>

為了更好地結合EasyUI和Struct2，我們可以將JSON數據作為返回值從服務器傳遞到客戶端。Struct2可以將JSON數據保存到actionContext中，然后在EasyUI中使用此數據進行顯示。以下是一個實現示例：

public String getJsonData() {
Map<String, Object> data = new HashMap<>();
data.put("name", "John");
data.put("age", 32);
data.put("address", "New York");
ActionContext.getContext().put("jsonData", data);
return "jsonData";
}

在EasyUI中，我們可以使用以下代碼來顯示JSON數據：

<table id="dg" title="My Data">
<thead>
<tr>
<th field="name">Name</th>
<th field="age">Age</th>
<th field="address">Address</th>
</tr>
</thead>
</table>
<script type="text/javascript">
$('#dg').datagrid({
url: 'getData.action',
onLoadSuccess:function(data){
if (data && data.rows){
// 導入數據
$('#dg').datagrid('loadData', data);
}
}
});
</script>

在上面的代碼中，我們通過調用Action中的getData方法來從服務器獲取JSON數據，并將其顯示在EasyUI組件中。這是一個簡單的示例，您可以使用類似的代碼來顯示更復雜的數據，并使用更多的EasyUI組件來實現更豐富多彩的Web應用程序。