Javascript 当我在html表格中单击“编辑”时，如何将这些详细信息发送到jsp中要更新的相同页面文本框

我有一个jsp页面，我只在一个页面中插入和显示html表中的记录，当我点击编辑它重定向到

update.jsp

页面时，但我只需要做相同的页面，而不需要做另一个

update.jsp

页面

---

是否可以在单页中进行插入、更新和删除？

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

您可以使用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" />

$（文档）.ready（函数（）{
$（“表格”）。在（'submit'，函数（事件）{
event.preventDefault（）；
var p_title=document.getElementById（'p_title'）。值；
var p_description=document.getElementById（'p_description'）。值；
var s_date=document.getElementById（'s_date'）。值；
var e_date=document.getElementById（'e_date'）。值；
var p_language=document.getElementById（'p_language'）。值；
$.ajax({
类型：“POST”，
url:“insert_project.jsp”，
数据：{p_标题：p_标题，p_说明：p_说明，s_日期：s_日期，e_日期：e_日期，p_语言：p_语言}，
}).完成（功能（数据）{
警报（“数据插入成功”）；
});
});
});
添加项目详细信息
项目名称：
项目说明：
开始日期：
结束日期：
项目语言：
提交
重置

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中进行更新和删除，并让页面为其编写更新和删除代码。

这是可能的。应具备使用ajax的Jquery知识。密码不应为纯文本。请显示您的问题。您应该至少包括您遇到问题的代码的大纲（但最好是a），然后我们可以尝试帮助解决特定问题。你也应该阅读。你能提供一个在单页中插入、更新和删除的示例吗？我将发送给你一个示例我使用jstli使用jsp在我的答案中为你做了更改。请查收。@Jhon