JSON格式化是在前端開發中非常常見的需求之一。easyui表單提供了方便的JSON格式化功能，可以幫助開發者快速地將表單的數據格式化為JSON格式。以下是如何使用easyui表單進行JSON格式化的步驟。

第一步：使用form組件

<form id="ff">
<div style="padding:10px 60px 20px 60px">
<table cellpadding="5">
<tr>
<td>Name:</td>
<td><input class="easyui-textbox" type="text" name="name" data-options="required:true"></td>
</tr>
<tr>
<td>Email:</td>
<td><input class="easyui-textbox" type="text" name="email" data-options="required:true"></td>
</tr>
<tr>
<td>Phone:</td>
<td><input class="easyui-textbox" type="text" name="phone"></td>
</tr>
</table>
</div>
</form>

第二步：使用表單的方法進行JSON格式化

$('#ff').form('submit',{
url:'save_form.php',
onSubmit: function(){
return $(this).form('validate');
},
success:function(data){
var dataObj = JSON.parse(data);
var jsonStr = JSON.stringify(dataObj, null, 4);
// 使用pre標簽將JSON格式化的結果展示在頁面上
$('pre').text(jsonStr);
}
});

通過以上兩步，我們就可以在表單數據提交成功后，展示JSON格式化的結果在頁面上。JSON格式化具有直觀、易讀的特點，可以讓開發者更快速地了解和處理數據。而easyui表單提供的JSON格式化功能，則使得這個過程更加方便和高效。