2012-02-23 74 views
1

在这里,我想同时执行onclick事件后,JavaScript和JSPonclick后可以执行JSP和JAVASCRIPT吗?

<CODE> 
<table id = "add_degree"> 
<tbody> 
<tr> 
<td> 
<%rs2 = st.executeQuery("Select * from degrees"); %> 
<select name = "courses"> 
<%while(rs2.next()) {%> 
<option value = "<%=rs2.getString(1)%>"><%=rs2.getString(2)%></option> 
<%} %> 
</select> 
</td> 
<td> 
<input type = "text" name = "ratings" class = "span1"> 
</td> 
<td> 
<a href = "">Delete Course</a> 
</td> 
</tr> 
</tbody> 
</table> 

这里onclick事件添加一个新行到现有的表与相似的细胞块。 我有一个JSP代码,它将行数据输入到数据库中。 我是否可以同时执行JSP和JavaScript代码,以便我有一个新行,并且在前面输入的数据被输入到数据库中。

function addRow(tableID) { 

      var table = document.getElementById(tableID); 

      var rowCount = table.rows.length; 
      var row = table.insertRow(rowCount); 

      var colCount = table.rows[0].cells.length; 

      for(var i=0; i<colCount; i++) { 

       var newcell = row.insertCell(i); 

       newcell.innerHTML = table.rows[0].cells[i].innerHTML; 

       switch(newcell.childNodes[0].type) { 
        case "text": 
          newcell.childNodes[0].value = ""; 
          break; 
        case "button": 
          newcell.childNodes[0].value = "Delete Course"; 
          break; 
        case "select-one": 
          newcell.childNodes[0].selectedIndex = 0; 
          break; 
       } 
      } 
     } 
+0

从你的JavaScript onclick事件处理程序,发送一个AJAX请求到你的服务器。 – 2012-02-23 08:15:26

回答

1

如果你可以使用jQuery(最好选择nowdays,反正)

$(document).ready(function(){ 
    $.ajax({ 
    url: "addToDatabase.jsp", 
    success: function(data){ 
     //here goes JavaScript code that adds new row 
    } 
    }); 
}); 

不要忘了构建addToDatabase.jsp以这样的方式,即data,传递给成功的功能,使你的信息,如果行被trully添加到数据库。

可能你需要传递一些参数给addToDatabase.jsp,怎么做呢在jQuery参考guide中有描述。

相关问题