从数据库中检索数据后如何以html形式编辑数据

Question

我已经通过 jsp 创建并将数据添加到数据库中。现在我的问题是编辑/更新数据库，这应该通过 html 表单完成。在一个我选择学生 rollno 和表单应该显示所有其他字段然后我可以编辑它并更新数据库。

editcourse.jsp

    <!DOCTYPE html>
<html>  
    <head>

        <link href="css/redmond/jquery-ui-1.10.2.custom.min.css" media="screen" rel="stylesheet"/>
        <link href="css/default.css" media="screen" rel="stylesheet"/>
        <link href="sidebarmenu.css" rel="stylesheet" type="text/css">
                <script src="sidebarmenu.js"></script>
                <script src="scripts/jquery-1.9.1.min.js"></script> 
        <script src="scripts/jquery-ui-1.10.2.custom.min.js"></script> 

</head>
    <body>  

        <!--<form id="frmExamRegistration" method="post" enctype="multipart/form-data" class="anu">-->


    <form name="f1" method="post" class="anu" action="Edit_coursedetails.jsp">  
    <%@include file="adminheader.jsp"%>
<%@include file="sidemenus.jsp" %>

    <div id="container">
              <div  style="float:right;width:10%;border:0;font-color:#163362"><a href=logout.jsp">Log Out</a></div><br>
        <div class="content"><center>Edit Course</center><br>
            <div class="formElements,rightcol" align="center">
                <label>Course code:
                 <span><input type="text" id="txtCoursecode" name="txtCoursecode" ></span></label>
                       </div><br>



            <div class="buttons">
                <button type="submit" class="primaryAction">Edit</button>
                                <button type="reset" class="primaryAction">Clear</button>

            </div>
                 </div>
         </div>
       </form>
  </body>
</html>

edit_coursedetails.jsp

<!DOCTYPE html>
<html>  
    <head>

        <link href="css/redmond/jquery-ui-1.10.2.custom.min.css" media="screen" rel="stylesheet"/>
        <link href="css/default.css" media="screen" rel="stylesheet"/>
        <link href="sidebarmenu.css" rel="stylesheet" type="text/css">
                <script src="sidebarmenu.js"></script>
                <script src="scripts/jquery-1.9.1.min.js"></script> 
        <script src="scripts/jquery-ui-1.10.2.custom.min.js"></script> 

</head>
    <body>  

        <!--<form id="frmExamRegistration" method="post" enctype="multipart/form-data" class="anu">-->




                       <%
 ccode=request.getParameter("txtCoursecode");


try {


Statement st = null;
st=conn.createStatement();
ResultSet rs = st.executeQuery("select * from courses where course='"+txtCoursecode+"'");
if(rs.next())
{
cname=rs.getString("cname");
Description=rs.getString("Description");
}
%>
Edit courses

<form name="f1" method="post" class="anu" action="Add_coursedetails.jsp">  
    <%@include file="adminheader.jsp"%>
<%@include file="sidemenus.jsp" %>

    <div id="container">
              <div  style="float:right;width:10%;border:0;font-color:#163362"><a href=logout.jsp">Log Out</a></div><br>
        <div class="content"><center>Add Course</center><br>

            <div class="formElements,rightcol" align="center">

                <label>Course code:
                 <span><input type="text" id="txtCoursecode" name="txtCoursecode" value="<%=rs.ccode%>"></span></label>
                       </div><br>

            <div class="formElements,rightcol" align="center">
                <label>Course Name:
                 <span><input type="text" id="txtCoursename" name="txtCoursename" value="<%=rs.cname%>"></span></label>
                        </div><br>

                        <div class="formElements,rightcol" align="center">
                <label>Duration:
                 <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp;<input type="text" id="txtDuration" name="txtDuration" value="<%=rs.getString("3")%>"></span></label>
                        </div>
            <div class="buttons">
                <button type="submit" class="primaryAction">Update</button>
                                <button type="reset" class="primaryAction">Clear</button>

            </div>
                 </div>
         </div>
<%
}
}
catch(Exception e){}
%>
       </form>
  </body>
</html>

在editcourse表单中，通过给ccode它应该显示数据库中的所有其他字段及其值，然后我可以修改它

Answer 1

您可以使用 ajax 或在表单动作属性中提供 jsp 的 url。 然后在该jsp中从请求中获取txtRollno，从数据库中检索该rollno的字段，将数据填充到适当的字段中，然后您可以对其进行编辑，然后更新到数据库中。

Answer 2

正如其他朋友所说你需要使用ajax调用，你说你不知道ajax。 所以我认为这些教程可以帮助你：

1) What is AJAX?

2) AJAX Example

3)jQuery Ajax call tutorial

祝你好运；）