在ExtJS中,我們可以使用FormPanel來創建表單,同時也可以使用post方式提交json數據。具體實現步驟如下:
Ext.create('Ext.form.Panel', { title: 'JSON Form Example', width: 400, bodyPadding: 10, renderTo: Ext.getBody(), items: [{ xtype: 'textfield', fieldLabel: 'Name', name: 'name' }, { xtype: 'textfield', fieldLabel: 'Email', name: 'email' }], buttons: [{ text: 'Submit', handler: function() { var form = this.up('form').getForm(); if (form.isValid()) { form.submit({ url: 'postjson.php', waitMsg: 'Submitting...', success: function(form, action) { Ext.Msg.alert('Success', action.result.msg); }, failure: function(form, action) { Ext.Msg.alert('Failed', action.result.msg); } }); } } }] });
以上是創建表單及提交post方式json數據的整個過程。注意,在提交數據時,需要指定url和success以及failure回調函數。同時,還需要通過form.isValid()進行校驗,確保數據的準確性。
下一篇html 炫酷代碼