JQuery Ajax using JSP Servlet - BunksAllowed

BunksAllowed is an effort to facilitate Self Learning process through the provision of quality tutorials.

Community

JQuery Ajax using JSP Servlet

Share This

index.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>AJAX calls using Jquery in Servlet</title> <script src="http://code.jquery.com/jquery-latest.js"> </script> <script> $(document).ready(function() { $('#submit').click(function(event) { var username = $('#user').val(); $.post('ActionServlet', { u : username }, function(responseText) { $('#welcometext').text(responseText); }); }); }); </script> </head> <body> <form id="form1"> <h1>AJAX Demo using Jquery in JSP and Servlet</h1> Enter your Name: <input type="text" id="user" /> <input type="button" id="submit" value="Ajax Submit" /> <br /> <div id="welcometext">Here goes your text</div> </form> </body> </html>

ActionServlet.java

package com.t4b.ajax.test; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * Servlet implementation class ActionServlet */ @WebServlet("/ActionServlet") public class ActionServlet extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public ActionServlet() { super(); // TODO Auto-generated constructor stub } /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse * response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse * response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub String name = null; name = "Hello " + request.getParameter("u"); if (request.getParameter("u").toString().equals("")) { name = "Hello User"; } response.setContentType("text/plain"); response.setCharacterEncoding("UTF-8"); response.getWriter().write(name); } }




Happy Exploring!

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.