Question

我有jsp页面，因为我在一页中插入并显示html表中的记录只有当我点击编辑它重定向到update.jsp页面时，我只需要做同样的页面而不需要另一个{{1页面

是否可以在单页中执行插入，更新，删除？

Answer 1

是的，可以在同一页面中进行编辑。

您可以使用ajax。使用jstl

在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"%>
<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 INTO 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>

这是你在jsp中使用ajax的方法。这是你可以传递的插件的演示版，用于在ajax中进行更新和删除，并为其创建页面，用于编写更新和删除代码。

当我在html表中单击编辑时如何将这些详细信息发送到同一页面文本框以在jsp中更新

1 个答案: