javascript - 如何在点击/表单提交时调用 jsp 方法

Question

我有一个带有以下代码的jsp页面：

<script type="text/javascript">
function getWithdrawAmmount()
{
var withdraw=document.forms["WithdrawDeposit"]["AmountToWithdraw"].value;
document.getElementById('hidden').type = withdraw;
}
</script>

---

<form method="POST" name="WithdrawDeposit" onsubmit="getWithdrawAmmount()">
<table>
<tr><td><input type="text" size=5 name="AmountToWithdraw"></td>
<td><input type="button" value="Withdraw"></td></tr>
</table>
</form>
<input type="hidden" name="hidden" value="">

---

<% String AmountWithdraw = request.getParameter("hidden");  %>
<%!
public void Withdraw(){     
    int Amount = Integer.parseInt("AmountWithdraw");
Deposit deposit = new Deposit();
deposit.WithdrawMoney(AmountWithdraw);  
} %>

---

我需要在表单提交时激活 Withdraw() 方法并获取文本输入。javascript 保存在“隐藏”中插入的值，我以后可以访问它。但我不能调用：<% Withdraw(); %> 来自 javascript 内部。

单击按钮后如何调用 Withdraw()？

10倍

Answer 1

首先你的代码行有问题

document.getElementById('hidden').type = withdraw;

它正在寻找一个 id 为 hidden 的元素。不是名字，是身份证。因此，为您引用的元素添加一个 id。

其次，您正在设置一种类型。你不想设置值吗？

所以 HTML 看起来像

<input type="hidden" name="hidden" id="hidden" value="" />

和 JavaScript 将是

document.getElementById('hidden').value = withdraw;

现在，如果您想调用服务器上的函数，则需要回发表单或进行 Ajax 调用。