ExtJS是目前使用最廣泛的前端開發框架之一。它采用的是MVC架構模式,使得開發非常便捷。在ExtJS中,提交JSON數據也是非常方便的。
Ext.Ajax.request({ url: 'http://example.com/api/users', method: 'POST', headers: { 'Content-Type': 'application/json' }, jsonData: { username: 'user1', password: 'password123', email: 'user1@example.com' }, success: function(response){ console.log('請求成功!'); }, failure: function(response){ console.log('請求失?。?); } });
上述代碼中,我們使用了Ext.Ajax.request方法提交JSON數據。其中url為請求的目標地址,method為請求方法,headers中指定了請求的Content-Type為application/json,jsonData中包含了我們要提交的數據,success和failure分別指定了請求成功和請求失敗的回調函數。
在實際應用中,我們可以采用類似下面的代碼來獲取表單中的數據并提交:
var form = Ext.getCmp('myForm').getForm(); if (form.isValid()){ Ext.Ajax.request({ url: 'http://example.com/api/users', method: 'POST', headers: { 'Content-Type': 'application/json' }, jsonData: form.getValues(), success: function(response){ console.log('請求成功!'); }, failure: function(response){ console.log('請求失敗!'); } }); }
我們先獲取了myForm表單的引用,然后判斷表單是否通過驗證。如果表單驗證通過,我們就可以獲取表單中的值并提交到服務器了。
以上就是ExtJS提交JSON數據的簡介及相關代碼介紹。
上一篇js添加vue