javascript - When i click edit in html table how to send those details same page text boxes to update in jsp -

i have jsp page in did insert , displaying records in html table in 1 page in when click edit redirect update.jsp page need same page without taking update.jsp page

is possible insert,update,delete in single page?

yes possible edit in same page.

you can use ajax it. form of project insert in jsp using jstl

<%@ page import="java.io.*,java.util.*,java.sql.*"%> <%@ page import="javax.servlet.http.*,javax.servlet.*" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql"%> <c:if test="${empty sessionscope['loginuser']}">     <c:redirect url="login.jsp" /> </c:if> <jsp:include page="header.jsp" />  <!-- content -->                 <!-- basic inputs -->                             <!-- basic inputs -->  <script src="http://code.jquery.com/jquery-1.10.1.min.js" ></script> <script> $(document).ready(function(){     $("form").on('submit',function(event){     event.preventdefault();               var p_title = document.getelementbyid('p_title').value;                                    var p_decription = document.getelementbyid('p_decription').value;              var s_date = document.getelementbyid('s_date').value;                                      var e_date = document.getelementbyid('e_date').value;              var p_language = document.getelementbyid('p_language').value;          $.ajax({                     type: "post",                     url: "insert_project.jsp",                     data: {p_title:p_title,p_decription:p_decription,s_date:s_date,e_date:e_date,p_language:p_language},                 }).done(function(data){                     alert("data inserted succesfullly");                  });      });  }); </script>                <form action="#">              <div id="main_wrapper">                 <div class="container-fluid">                     <fieldset>                     <legend><span>add project details</span></legend>                     </fieldset>                                   <div class="row">                                   <div class="col-lg-6">                                    <div class="form-group">                                    <label class="control-label">project title:</label>                                    <input type="text" name="p_title" id="p_title" class="form-control" />                                    </div>                                   <div class="form-group">                                 <label class="control-label">project description:</label>                                 <input class="form-control" type="text" name="p_decription" id="p_decription" />                                 </div>                                  <div class="form-group">                                 <label class="control-label">start date:</label>                                 <input class="form-control" type="text" name="s_date" id="s_date" />                                 </div>                                  <div class="form-group">                                  <label class="control-label">end date:</label>                                  <input class="form-control" type="text" name="e_date" id="e_date" />                                  </div>                                    <div class="form-group">                                    <label class="control-label">project language:</label>                                    <input class="form-control" type="text" name="p_language" id="p_language" /></div>                                     </div>                                     </div>                                   <div class="form-actions">                                  <button type="submit" class="btn btn-primary">submit</button>                                   <button type="reset" class="btn">reset</button>                                      </div>                 </div>                 </div>                   </form>                 <!-- /basic inputs -->                            <jsp:include page="sidebar.jsp" /> 

insert_project.jsp

<%@ page import="java.io.*,java.util.*,java.sql.*"%> <%@ page import="javax.servlet.http.*,javax.servlet.*" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql"%> <%@include file="connection.jsp"%>    <sql:update datasource="${snapshot}" var="result">             insert project_master(project_title,project_description,project_start_date,project_end_date,project_language) values (?,?,?,?,?);             <sql:param value="${param.p_title}" />             <sql:param value="${param.p_decription}" />              <sql:param value="${param.s_date}" />               <sql:param value="${param.e_date}" />              <sql:param value="${param.p_language}" /> </sql:update> 

this how can use ajax in jsp. demo of insert can pass update , delete in ajax , make page write code update , delete.