extJs学习基础3 ajax与php交互

extJs代码:

 <script src="build/ext-all.js"></script>
     <script src="build/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script>
     <link rel="stylesheet" href="build/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">

 <script>
         Ext.onReady(function(){
             // 登录界面
             Ext.define('Login',  {
                 requires:['LoginController'],     // 要使用加载的类
                 extend: 'Ext.window.Window',
                 controller: 'login',
                 closable: false,
                 resizable : false,
                 modal: true,
                 //draggable: false,
                 autoShow: true,
                 title: '用户登录---OA办公系统',
                 items:[{
                     xtype:'form',//父窗体
                     reference: 'form',
                     bodyPadding: 20,
                     items:[{
                         xtype: 'textfield',
                         name: 'username',
                         labelWidth: 50,
                         fieldLabel: '用户名',
                         allowBlank: false,
                         emptyText: '用户名或邮箱地址'
                       },{
                         xtype: 'textfield',
                         name: 'password',
                         labelWidth: 50,
                         inputType: 'password',
                         fieldLabel: '密  码',
                         allowBlank: false,
                         emptyText: '请输入您的密码'
                       }]
                 }],
                 buttons: [{
                             name: 'registbutton',
                             text: '用户注册',
                           },{
                             name: 'loginbutton',
                             text: '用户登录',
                             region: 'center',
                             listeners:{
                               click: 'onLoginbtnClick'//单击事件 调用 LoginController 中的onLoginbtnClick函数
                             }
                           }]
               }
             ); 

             // 登录按钮的响应

             Ext.define('LoginController', {
                 extend: 'Ext.app.ViewController',
                 alias: 'controller.login',
                //用户登录按钮事件处理
                onLoginbtnClick: function(){
                     //根据 view form中设置的 reference:form 中返回一个组件
                     var form = this.lookupReference('form');
                     // 判断是否是有效字段 (这个不是很明白)
                     if (form.isValid()) {
                         this.login({
                             data: form.getValues(),
                             scope: this,
                             success: 'onLoginSuccess',
                             failure: 'onLoginFailure'
                     })}
                 },
                 login: function(options) {
                     // 调用ajax
                     Ext.Ajax.request({
                         url: 'test.php',
                         method: 'POST',
                         params: options.data,
                         scope: this,
                         //callback: this.onLoginReturn, //回调函数
                         success: this.onLoginSuccess,   //ajax请求成功
                         failure: this.onLoginFailure,   //ajax请求失败
                         original: options
                     });
                 },  

                 onLoginSuccess: function(response, options){
                     var result = response.responseText;
                     //将json字符串转成 json
                     var resultJson = JSON.parse(result);

                     if(resultJson.flag){
                         alert('success');
                     }else{
                         alert('failure');
                     }
                 },

                 onLoginFailure: function(response, options){
                     alert('ajax请求失败');
                 }
               }
             );  

             var log = new Login();
             log.show();

         });
     </script>

php代码

 <?php
     if(isset($_POST)){
         if($_POST['username'] == '123'){
             $result = array('flag'=>true);
             echo json_encode($result);
         }else{
             $result = array('flag'=>false);
             echo json_encode($result);
         }
     }
 ?>