从输入extjs中提取文本并将其发送到php

我有一个带有用户名和密码的登录名，还有一个带有登录名的按钮。我想将用户名和密码中的数据发送到服务器端PHP

Ext.require([
    'Ext.form.Panel',
    'Ext.layout.container.Anchor'
]);

var log = Ext.onReady(function () {
    Ext.create('Ext.form.Panel', {
        renderTo: 'login',
        title: 'Login section',
        bodyPadding: '10 10 0',
        width: 300,
        fieldDefaults: {
            labelAlign: 'top',
            msgTarget: 'side'
        },
        defaults: {
            border: false,
            xtype: 'panel',
            flex: 1,
            layout: 'anchor'
        },

        layout: 'hbox',
        items: [{
            items: [{
                xtype: 'textfield',
                fieldLabel: 'User Name',
                anchor: '-5',
                name: 'first',
                id: 'userName'
            }, {
                xtype: 'textfield',
                fieldLabel: 'Password',
                anchor: '-5',
                name: 'password',
                inputType: 'password',
                id: 'password'
            }]
        }
        ],
        buttons: ['->', {
            text: 'Login',
            name: 'submit',
            /*listeners: {
             tap: function () {
             var form = Ext.getCmp('userName');
             //var values = form.getValues();
             Ext.Ajax.request({
             url: 'index.php',
             params: form,
             success: function (response) {
             var text = response.responseText;
             Ext.Msg.alert('asfasfaf', text);
             },

             failure: function (response) {
             Ext.Msg.alert('Error', 'Error while submitting the form');
             console.log(response.responseText);
             }

             });

             }
             }*/
            /* handler: function () {
             Ext.Ajax.request({
             url: 'index.php',
             method: 'POST',
             params: Ext.getCmp('userName').getValue(),
             success: function (response) {
             Ext.Msg.alert('success ' + Ext.getCmp('userName').getValue());
             },
             failure: function (response) {
             Ext.Msg.alert('server-side failure with status code ' + response.status);
             }
             });
             }*/
        },
            {
                text: 'Register?'

            }]
    });
});

---

Ext.getCmp（'userName'）.getValue（）

您可以在按钮处理程序中使用Ext表单的

submit

方法，例如：

// ....
buttons: [{
    text: 'Submit!',
    handler: function(btn) {
        btn.up('form').getForm().submit({
            url: 'mybackend.php',
            success: function(ret) {},
            failure: function(ret) {},
        });
    }
}],
// .....

---

我看到您已经尝试提取值并向php发送请求。也许这个结构会对你有所帮助。但您必须确保您的php url接受名为“param1”和“param2”的参数（或php接受的任何参数：）

---

你有什么问题？我不知道如何从用户名和密码中提取文本并将其发送到php

  {
     xtype : 'button',
     text :  "Submit"
     formBind : true,
     handler : function() {
        var userName = this.up('form').down('#userName');
        var password = this.up('form').down('#password');
        Ext.Ajax.request({
            url: url, // your php url
            method: 'POST',            
            params: {param1: userName, param2:password },           
            disableCaching: false,
            success:  function(response, opts)
            {
               var text = response.responseText; // for debugging print text and decodedText
               var decodedText = Ext.decode(text);
               if(decodedText.success)
               { 
               } 
             }
            failure: function() 
            {
            }
          });
         }
    }