hacer que un archivo de ext.js envie datos a un archivo php

[ambichol]

hola, deseo saber si hay alguna forma de hacer que un archivo ext.js(caso mio 2 variables de un login: user y pwd) sean enviadas y que un archivo .php recepcione esas variables y las compare con la BD de SQL......es esto posible...?

[newboy_master]

Hola ambichol, ¿estás usando el framework ExtJS o es un archivo llamada ext.js simplemente? Se pueden hacer peticiones GET y POST con todos los frameworks de javascript sino me equivoco.

Si es posible hacer lo que dices, pero aclárame con qué sistema trabajas. Te dejo un ejemplo:

http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.Ajax

Salu2.

[ambichol]

hola, si estoy usando el framework extJS que publica sencha, y si efectivamente tengo entendido que se pueden hacer esas peticiones, pero mi duda es como adaptar eso al archivo .js que estoy implementando.....

[newboy_master]

Mira un ejemplo más claro:
https://forums.alfresco.com/es/extjs...-01242011-1608

En "params" envía los argumentos al archivo php, prueba a implementarlo y sino funciona pega aqui todo tu código para que pueda intentar solucionarlo.

Salu2.

[ambichol]

newboy_master.....aun persiste mi problema.....te comparto el archivo .JS para que puedas verificarlo y orientarme si es que hay algo mal....

Código Javascript:

Ext.QuickTips.init();
 
Ext.onReady(function(){
 
    var fp = new Ext.FormPanel({
        id: 'status-form',
        renderTo: Ext.getBody(),
        labelWidth: 75,
        url: 'fake.php',
        frame: true,
        monitorValid:true,
        width: 350,
        padding: 10,
        buttonAlign: 'right',
        border: false,
        bodyStyle: 'padding:10px 10px 0;',
        defaults: {
            anchor: '95%',
            allowBlank: false,
            selectOnFocus: true,
            msgTarget: 'side'
        },
        items:[{
            xtype: 'textfield',
            fieldLabel: 'Login',
            id: 'login',
            name: 'login',
            minLength: 2,
            blankText: 'Ingrese su Usuario'
        },{
            xtype: 'textfield',
            fieldLabel: 'Password',
            id: 'password',
            name: 'password',
            minLength: 2,
            inputType: 'password',
            allowBlank:false,
            blankText: 'Ingrese su Clave'
        }],
        buttons: [{
            text: 'Ingresar',
            formBind: true, //only enabled once the form is valid
            disabled: true,
            handler: function(){
                if(fp.getForm().isValid()){
                    var sb = Ext.getCmp('form-statusbar');
                    sb.showBusy('Validando...');
                    fp.getEl().mask();
                    fp.getForm().submit({
                        success: function(form, action){
                            Ext.Msg.alert('Success', action.result.msg);
                            sb.setStatus({
                                text:'Validacion Completa::::Bienvenido...!'
                            });
                            fp.getEl().unmask();
                            var redirect = "../../Main2/index.php";
                            window.location = redirect;
                        },
                    failure: function(form, action) {
                        Ext.Msg.alert('No tiene Acceso al Sistema', action.result.msg);
                    }
                    });
                }
            }
        },{
            text: 'Cancelar',
            formBind: true,
            disabled: true
            }]
    }); 
    new Ext.Panel({
        title: 'Ingrese Datos',
        renderTo: Ext.getBody(),
        width: 350,
        autoHeight: true,
        layout: 'fit',
        items: fp,
        bbar: new Ext.ux.StatusBar({
            id: 'form-statusbar',
            defaultText: 'Ingrese Datos',
            plugins: new Ext.ux.ValidationStatus({form:'status-form'})
        })
    });
 
});