Здание системы регистрации Sencha Touch 2

Question

Я пытаюсь создать систему с несколькими входами в систему с помощью Sencha Touch 2, если пользователь должен выбрать, является ли он АГЕНТ ИЛИ ПОЛНОСТЬЮ. до сих пор мне удалось создать простую бланковую форму. без функции. мой код так же, как это:

Ext.define("ikhlas.view.login", { 
extend: 'Ext.Panel', 
xtype: 'loginpanel', 

    config:{ 
     title: 'Login', 
     iconCls: 'more', 
     styleHtmlContent: true, 

    layout:{ 
     type: 'vbox', 

     }, 

    items: [ 
     { 
     xtype: 'fieldset', 
     iconCls: 'add', 

    items: [ 

     { 
      xtype: 'emailfield', 
      name: 'email', 
      placeHolder: 'Username' 
     }, 

     { 
      xtype: 'passwordfield', 
      name: 'password', 
      placeHolder: 'Password' 
     }, 

     { 
      xtype: 'selectfield', 
      label: 'User Type', 
      options: [ 
      {text: 'Agent', value: '0'}, 
      {text: 'Follower', value: '1'} 
      ] 
     } 

    ]}, 
     { 
      xtype: 'button', 
      text: 'LogIn', 
      ui: 'confirm', 
      width: '40%', 
      height: '7%', 
      flex: 1, 
      left: '55%', 
      action: 'submitContact' 
     }, 
     { 
      xtype: 'button', 
      text: 'Forgot Username', 
      ui: 'confirm', 
      width: '41%', 
      height: '4%', 
      top: '90%', 
      flex: 1, 
      action: 'ForgotUsername' 
     }, 
     { 
      xtype: 'button', 
      text: 'Forgot Password', 
      ui: 'confirm', 
      width: '40%', 
      height: '4%', 
      top: '90%', 
      flex: 1, 
      left: '47%', 
      action: 'ForgotPassword' 
     }, 
    ]} 
}); 

Теперь я хотел бы знать, как я проверить информацию о пользователе (имя пользователя и пароль) из API (URL-адрес будет дан), чтобы подтвердить имя пользователя для входа и пароль правильные, прежде чем им будет разрешен доступ к приложению. Во-вторых, я хотел бы отправить сообщение об ошибке, если имя пользователя или пароль неверны.

Answer 1

Очевидно, что вам необходимо пройти аутентификацию на стороне сервера. Предполагая, что у вас уже есть один, так что остальное не очень сложно.

Самый простой способ просто отправить Ext.Ajax.request:

Ext.Ajax.request({ 
     url: your_API_url, 
     params: { 
         username: your_username_from_formpanel, 
         password: your_password_from_formpanel 
        }, 
     timeout: 10000, // time out for your request 

     success: function(result) { 
         // here, base on your response, provide suitable messages 
         // and further processes for your users 
     }, 

     failure: function(){ 
      Ext.Msg.alert("Could not connect to server."); 
     } 
    }); 

Примечание: по соображениям безопасности, вы должны шифровать пароль вашего пользователя перед отправкой его на сервер.