EasyUI Form組件可以輕松地擴展HTML表單,實現各種表單效果。同時,Form組件還具備許多強大的功能,例如:數據驗證、數據格式化、Ajax提交等等。
在使用EasyUI Form組件的過程中,常常需要將表單數據以JSON的形式返回給后端服務器,以便于進行后續數據處理。這里我們就來介紹一下如何使用EasyUI Form組件返回JSON數據。
首先,在EasyUI Form中需要設置屬性'ajax'為true,這樣才能夠啟用Ajax提交功能。然后,我們可以使用以下代碼將表單數據序列化成JSON格式:
var data = $('#form1').serializeArray(); var obj={}; for(var i=0,len=data.length;i上述代碼中,我們使用了serializeArray()方法將表單數據序列化成JSON格式,并對同名的key value進行分割處理,最后再將生成的JSON字符串打印到控制臺中。
最后,我們可以將生成的JSON字符串作為數據提交給后端服務器,實現數據處理。