javascript 的table表格+jsp

有一个table表格 双击之后能弹出另一个页面对表格里面的内容进行修改  但是由于表格里面的内容是从数据库中读出来的，怎么才能把修改之后的数据存回到数据库呢  求各位高人帮忙啊

解决方案 »

  1.   

    点击修改，可以ajax（无刷新）提交，也可以使用form来提交。
      

  2.   

    ajax没学啊   用form怎么提交？ 能不能帮忙改一下
    表格jsp页面 大致就下面这样
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%@ page import="mybean.MeetingOrderConn"%>
    <%@ page import="java.sql.*"%>
    <%
    MeetingOrderConn meetingOrderConn = new MeetingOrderConn();
    %>
    <html><head>
    <script>
    function go(event){
    var event=event||window.event;
    var node=event.srcElement||event.target;
    var value=node.innerHTML;
    var arr=new Array();
           arr["value"]=value;
    var returnValue=window.showModalDialog("c.jsp",arr,"dialogWidth=400px;dialogHeight=400px");
    value=returnValue||node.innerHTML;
    node.innerHTML=value;
    }
    </script>
    </head>
    <body>
    <table border="1" cellspacing="0" bordercolor="black" ondblclick='go(event)'>
    <tr>
    <td width="60">
    &nbsp;
    </td>
    <td width="73">
    4810室
    </td>
    <td width="81">
    4812室
    </td>
    <td width="81">
    4814室
    </td>
    <td width="81">
    4816室
    </td>
    <td width="82">
    4818室
    </td>
    <td width="75">
    4831室
    </td>
    <td width="89">
    学校占
    </td>
    </tr>
    <%
    ResultSet rs = meetingOrderConn.select();
    while (rs != null && rs.next()) {
    out.print("<tr><td align=center>" + rs.getString(1) + "</td>");
    if (rs.getString(2).equals("-")) {
    out.print("<td align=center>" + rs.getString(2) + "</td>");
    } else {
    out.print("<td align=center bgcolor='yellow'>"
    + rs.getString(2) + "</td>");
    }
    if (rs.getString(3).equals("-")) {
    out.print("<td align=center>" + rs.getString(3) + "</td>");
    } else {
    out.print("<td align=center bgcolor='yellow'>"
    + rs.getString(3) + "</td>");
    }
    if (rs.getString(4).equals("-")) {
    out.print("<td align=center>" + rs.getString(4) + "</td>");
    } else {
    out.print("<td align=center bgcolor='yellow'>"
    + rs.getString(4) + "</td>");
    }
    if (rs.getString(5).equals("-")) {
    out.print("<td align=center>" + rs.getString(5) + "</td>");
    } else {
    out.print("<td align=center bgcolor='yellow'>"
    + rs.getString(5) + "</td>");
    }
    if (rs.getString(6).equals("-")) {
    out.print("<td align=center>" + rs.getString(6) + "</td>");
    } else {
    out.print("<td align=center bgcolor='yellow'>"
    + rs.getString(6) + "</td>");
    }
    if (rs.getString(7).equals("-")) {
    out.print("<td align=center>" + rs.getString(7) + "</td>");
    } else {
    out.print("<td align=center bgcolor='yellow'>"
    + rs.getString(7) + "</td>");
    }
    if (rs.getString(8).equals("-")) {
    out.print("<td align=center>" + rs.getString(8)
    + "</td></tr>");
    } else {
    out.print("<td align=center bgcolor='yellow'>"
    + rs.getString(8) + "</td></tr>");
    } }
    %>
    </table>
    </body></html>下面是c.jsp
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <HTML>
      <script language='javascript'>
    function sure(){
    var node=document.getElementsByTagName('input')[0];
    window.returnValue=node.value.replace(/^\s+/g,'').replace(/\s+$/g,'');
    if(window.returnValue.length>0)
    window.close();
    }
    function cancel(){
    window.close();
    }
    function initC(){
    var val=window.dialogArguments["value"];
    document.getElementsByTagName("input")[0].value=val;
    }
    </script>
    <BODY onload='initC()'>
    <input type='text' name="n1"/>

    <input type="button" value="确定" onclick="sure()"/>
    <input type="button" value="取消" onclick="cancel()"/>
    </BODY>
    </HTML>