EasyUI是一款UI框架，在實(shí)際開(kāi)發(fā)中經(jīng)常需要將表單數(shù)據(jù)轉(zhuǎn)化為JSON格式進(jìn)行傳輸或存儲(chǔ)，本文將介紹如何使用EasyUI完成表單轉(zhuǎn)JSON的操作。

首先，需要在表單上添加id屬性，以便于獲取該表單的數(shù)據(jù)。

<form id="myForm">
<input name="username" value="admin"/>
<input name="password" value="123456"/>
</form>

接下來(lái)，在JS代碼中通過(guò)EasyUI中的serializeObject方法將表單數(shù)據(jù)轉(zhuǎn)化為JSON格式。

var formData = $('#myForm').serializeObject();

需要注意的是，serializeObject方法需要引入EasyUI的擴(kuò)展文件jquery.serializeObject.js。

轉(zhuǎn)化完成后，formData具有JSON格式的數(shù)據(jù)，可以直接進(jìn)行傳輸或存儲(chǔ)。

console.log(formData);

完整的代碼如下：

<form id="myForm">
<input name="username" value="admin"/>
<input name="password" value="123456"/>
</form>
<script src="../js/jquery-1.8.3.min.js"></script>
<script src="../js/jquery.easyui.min.js"></script>
<script src="../js/jquery.serializeObject.js"></script>
<script>
var formData = $('#myForm').serializeObject();
console.log(formData);
</script>