Javascript 在ExtJS中将textfield数据发送到servlet

我想将文本字段数据发送到servlet页面。我不知道过程。我给出了文本框的代码和下面的一个按钮

Ext.onReady(function(){
var movie_form = new Ext.FormPanel({
    renderTo: document.body,
    frame: true,
    title: 'Personal Information Form',
    width: 250,
    items: [{
        xtype: 'textfield',
        fieldLabel: 'Firstname',
        name: 'firstname',
        allowBlank: false
    },{
        xtype:'button',
        text:'save'    
    }]
});

}))

这是文本框和按钮的代码。当我单击按钮时，字段的数据将转到servlet页面。但我不能那样做。请任何人帮助我。在您的服务方法（get或post）中，servlet页面的名称是url\u servlet

您可以通过属性“name”获取数据字段值

---

要在后端处理数据，请检查Suresh Atta的答案

我在您的代码中发现了一些勘误表：

1） 使用Ext.create函数构造一个Ext组件。
2） 使用Ext.getBody（）获取文档正文。
3） 将字段放在项目配置中，按钮放在按钮配置中（并不总是最佳做法）

我希望这对你有点帮助；）

  String firstname = reg.getParameter("firstname");

Ext.create('Ext.form.Panel', {
    frame: true,
    title: 'Personal Information Form',
    width: 250,
    url: 'url_servlet',// The form will submit an AJAX request to this URL when submitted
    items: [{
        xtype: 'textfield',
        fieldLabel: 'Firstname',
        name: 'firstname',
        allowBlank: false
    }],
    buttons: [{
        text: 'Save',
        handler: function() {
            var form = this.up('form').getForm();
            if (form.isValid()) {
                form.submit({
                    success: function(form, action) {
                       Console.log('Success', action.result.msg);
                    },
                    failure: function(form, action) {
                       Console.log('Failed', action.result.msg);
                    }
                });
            }
        }
    }],
    renderTo: Ext.getBody()
});