onclickの後にJSPとJAVASCRIPTの両方を実行できますか？

Question

ここで私はここで

<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イベントの後、両方のJavaScriptとJSPを実行するための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; 
       } 
      } 
     } 

Answer 1

あなたは（とにかく、最良の選択のnowdaysを）jQueryのを使用することができる場合

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

が成功関数に渡さdataは、与えるような方法でaddToDatabase.jspを構築することを忘れないでください。その行がデータベースに追加されたかどうかの情報。

おそらくaddToDatabase.jspにいくつかのパラメータを渡す必要があります。その方法は、jQueryリファレンスguideで説明されています。