Для того, чтобы отправить данные формы на сервер напишем следующий код
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
Ext.onReady(function(){ var myForm=Ext.create('Ext.form.Panel',{ title: 'Authorization', width: 300, height:150, bodyPadding:10, layout: 'anchor', draggable:true, defaults: { anchor: '80%' }, renderTo: Ext.getBody(), url: 'login.php', items: [{ xtype: 'textfield', fieldLabel: 'Login', name: 'login' }, { xtype: 'textfield', name: 'pass', fieldLabel: 'Password', inputType: 'password' }], buttons: [{ text: 'Оправить', handler: function() { myForm.getForm().submit({ clientValidation: true, params: { newStatus: 'delivered' }, //В случае успеха success: function(form, action) { Ext.Msg.alert('Success', action.result.msg); }, //В случае провала failure: function(form, action) { switch (action.failureType) { case Ext.form.action.Action.CLIENT_INVALID: Ext.Msg.alert('Failure', 'Form fields may not be submitted with invalid values'); break; case Ext.form.action.Action.CONNECT_FAILURE: Ext.Msg.alert('Failure', 'Ajax communication failed'); break; case Ext.form.action.Action.SERVER_INVALID: Ext.Msg.alert('Failure', action.result.msg); } } }); } }] }); }); |
Теперь составим ответ сервера на языке PHP
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<?php header('Content-type: application/json'); $login=$_POST['login']; $pass=$_POST['pass']; if($pass=="12345"){ echo '{"success": true, "message": "Welcome,' . $login.'"}'; } else{ echo '{"success": false, "message": "false"}'; } ?> |