easyui是一款界面友好、易于操作的前端UI框架,其中表單組件非常常用。在使用easyui表單時,我們需要將表單數據轉化為json格式,以便于傳遞到后端進行數據處理。下面我們就來看看如何使用easyui將表單數據轉化為json格式。
//獲取表單數據 var formData = $('#form').serializeArray(); //定義一個空對象 var jsonData={}; //遍歷表單數據并加入到json對象中 $.each(formData,function(index,item){ if(jsonData[item.name]){ jsonData[item.name] += ','+item.value; }else{ jsonData[item.name] = item.value; } }); //轉換為json字符串 jsonData = JSON.stringify(jsonData);
以上代碼中,我們使用了Easyui提供的serializeArray()方法獲取表單的數據,并將得到的數據遍歷后加入到一個空對象中。在加入數據的過程中,我們判斷該屬性是否已經存在,若存在則將其值以逗號分隔后加入;若不存在,則直接加入該屬性作為對象的一個key。
最后,我們使用JSON.stringify() 將json對象轉化為json字符串格式,此時的json數據就可以方便地傳遞到后端進行數據處理。