How to use ajax with java servlet and html text field

Question

I need help with ajax request, could you show an example elementarny ajax request with a text field and a servlet java

Answer 1

Its simple dear,

1.first create one textfield like following:

<input type="text"  id="newCatName" name="newCatName"/>

2.Create one button

<button  onclick="ajaxCall();">Ajax Call</button>

3.Use following function for ajax call:

function ajaxCall(){
      var catName = $("#newCatName").val(); 
      $.ajax({
          type: "POST",
          url: "MyServlet",
          data: {"catName":catName},
          success: function()
          {  
              alert('success);
          },
          error:function()
          {
              alert("error");
          },
        });
      }

4.Create one servlet with Name MyServlet as following:

public class MyServlet extends HttpServlet {      
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        String catName = request.getParameter("catName");
    }    

  }