передача параметра на сервер в ExtJs

Question

Я новичок в ExtJ.

Я хочу передать значение в своем текстовом поле серверу (сервлету), когда нажимаю на кнопку.Но поскольку я новичок в этом, я не знаю, как это сделать.

Пожалуйста, кто-нибудь поможет мне в этом или предложит мне какой-нибудь учебник или пример для этого

Answer 1

Ext.Ajax.request может помочь вам.

Код будет выглядеть так:

new Ext.Button({
    text: "Send to server",
    handler: function () {
        Ext.Ajax.request({
            url: 'myPage.php',
            success: function (){alert('Value has been sent!');},
            failure: function (){alert('Failure of sending...');},
            headers: {
                'my-header': 'foo'
            },
            params: { foo: myTextField.getValue() }
        });
    }
})

Answer 2

в URL введите имя вашего класса сервлетов.Если у вас есть форма с несколькими кнопками, например, «Сохранить», «Обновить», «Удалить», вы можете сделать это:

// Your form fields ...
var buttonAdd = new Ext.Button({text:'Add', handler:addFunction});
var deleteAdd = new Ext.Button({text:'Delete', handler:deleteFunction});
function addFunction(){
    Ext.Ajax.Request({
        url: 'MyServlet', // you can fix a parameter like this : MyServlet?action=add
        method: 'POST',
        params: {
            myField1: myField1.getValue()
            // all your params.... 
        }
        success: function (result, request){
            alert('Succesfully added ' + result.responseText);
        },
        failure: function (result, request){
            alert('Error in server' + result.responseText);
        }
});

function deleteFunction(){
    Ext.Ajax.Request({
        url: 'MyServlet', // you can fix a parameter like this : MyServlet?action=delete
        method: 'POST',
        params: {
            myField1: myField1.getValue()
            // all your params.... 
        }
        success: function (result, request){
            alert('Succesfully added ' + result.responseText);
        },
        failure: function (result, request){
            alert('Error in server' + result.responseText);
        }
});
}

А в своем сервлете вы можете сделать это:

public void doPost(HttpServletRequest request, HttpServletResponse response){
    String action = request.getParameter("action");
    if(action.equals("add")){
        // Your code for add method goes here
    } else if(action.equals("delete")){
        // Your code for delete method goes here
    }
}