我可以在onclick之后执行JSP和JAVASCRIPT吗

Can I execute both JSP and JAVASCRIPT after onclick?

本文关键字：JAVASCRIPT JSP 执行 onclick 之后 我可以      更新时间：2023-09-26

这里我想在onclick事件之后执行javascript和JSP

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

如果您可以使用jQuery（目前最好的选择）

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

不要忘记以这样的方式构造addToDatabase.jsp，即传递给成功函数的data会向您提供该行是否确实添加到数据库中的信息。

您可能需要向addToDatabase.jsp传递一些参数，jQuery参考指南中介绍了如何做到这一点。

相关文章：