EasyUI 是一款基于 jQuery 的 UI 插件庫，它的設(shè)計目標是幫助開發(fā)者快速創(chuàng)建出優(yōu)美的 Web 頁面。其中一個非常實用的功能就是 EasyUI 可以方便地生成 JSON。

EasyUI 提供了$.toJSON方法，可以將 EasyUI 的表單數(shù)據(jù)轉(zhuǎn)換成 JSON 格式。使用這個方法非常簡單，只需要引入 EasyUI 的 JS 文件。

<script src="jquery.easyui.min.js"></script>

然后在表單中加入name屬性，EasyUI 便會將這些表單數(shù)據(jù)轉(zhuǎn)換成 JSON。這個 JSON 包含了表單中所有的數(shù)據(jù)。

<form id="searchForm">
<div class="form-group">
<label>姓名</label>
<input type="text" name="name" class="form-control" required>
</div>
<div class="form-group">
<label>性別</label>
<select name="gender">
<option value="male">男</option>
<option value="female">女</option>
</select>
</div>
</form>

在 JavaScript 代碼中，使用$.toJSON方法可以將表單數(shù)據(jù)轉(zhuǎn)換成 JSON 格式。

var formValues = $('#searchForm').form('json'); // 獲取表單數(shù)據(jù)的 JSON 格式
console.log(formValues);
// 輸出：
// {
//   "name": "張三",
//   "gender": "male"
// }

以上就是使用 EasyUI 生成 JSON 的方法，我們可以靈活地使用這個功能來幫助我們開發(fā) Web 應(yīng)用。