Могу ли я выполнить JSP и JAVASCRIPT после нажатия кнопки мыши?

Question

здесь я хотел бы выполнить и javascript, и JSP после события onclick

<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;
                }
            }
        }

Answer 1

Если вы можете использовать jQuery (в любом случае, лучший выбор)

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

Не забудьте создать addToDatabase.jsp таким образом, чтобы data, переданный в функцию success, давал вам информацию, если строка была добавлена ​​в базу данных полностью.

Вероятно, вам нужно передать некоторые параметры в addToDatabase.jsp, как это сделать, описано в справочнике jQuery guide .