Passing a parameter to a server in ExtJs

Question

I am new to ExtJs.

I want to pass the value in my text box to the server (Servlet) when I click on the button. But since I'm new to this, I don't know how to do it.

Please help me with this or offer me some tutorial or example for this.

Answer 1

Ext.Ajax.request can help you.

The code will look like this:

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

Type the name of the Servlet class in the URL. If you have a form with several buttons, for example, “Save”, “Update”, “Delete”, you can:

 // 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); } }); } 

And in your servlet you can do this:

 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 } }