1

私はjspを介してデータベースにデータを作成して追加しました.今私の問題は、HTMLフォームを介して行う必要があるデータベースの編集/更新にあります.1つでは、学生ロール番号を選択し、フォームには他のすべてのフィールドが表示され、それを編集して編集できますデータベースを更新します。

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>

ccodeを指定してeditcourseフォームに入力すると、データベースの他のすべてのフィールドが値とともに表示され、それを変更できます

4

2 に答える 2

0

他の友人が言ったように、あなたは ajax 呼び出しを使用する必要があり、あなたは ajax を知らないと言っていました。したがって、これらのチュートリアルが役立つと思います。

1) AJAX とは何ですか?

2) AJAX の例

3) jQuery Ajax 呼び出しのチュートリアル

幸運を ;)

于 2013-04-06T18:19:42.170 に答える
0

ajax を使用するか、フォーム アクション属性で jsp の URL を指定できます。次に、そのjspでリクエストからtxtRollnoを取得し、このrollnoのデータベースからフィールドを取得し、データを適切なフィールドに入力してから、それを編集してデータベースに更新できます。

于 2013-04-06T16:30:33.423 に答える