编辑表并将修改保存到数据库中
Edit table and save modification to database
在我的JSP中,我按如下方式填充表(仅相关数据):
<c:forEach var="person" items="${personsList}">
<c:forEach var="account" items="${person.accounts}">
<tr>
<td>${account.accountId}</td>
<td contenteditable='true' onblur="saveData(${person.id},${account.accountId},${account.balance})">${account.balance}</td>
</c:forEach>
</c:forEach>
请注意,我想使用"onblur"事件。我的JavaScript如下:
function saveData(id, accId, balance) {
$.ajax({
type : "POST",
url : "updateBalance.html",
data: ({id : id, accId : accId, balance : balance}),
success : function(data) {
if (data!="success!!") {alert("done")}
else {alert("error!!")}
}
})
}
问题是我不知道如何发送新的"余额"值(当我调用javascript函数时,我总是在第一次加载页面时发送加载的余额)。
您可以将this
对象传递给javascript函数saveData
,如下所示:
<c:forEach var="person" items="${personsList}">
<c:forEach var="account" items="${person.accounts}">
<tr>
<td>${account.accountId}</td>
<td contenteditable='true' onblur="saveData(this, ${person.id},${account.accountId},${account.balance})">${account.balance}</td>
</c:forEach>
</c:forEach>
并像这样重新定义你的功能:
function saveData(obj, id, accId, balance) {
$.ajax({
type : "POST",
url : "updateBalance.html",
data: ({id : id, accId : accId, balance : $(obj).text()}),
success : function(data) {
if (data!="success!!") {alert("done")}
else {alert("error!!")}
}
})
}
相关文章:
- 如何使用 Angular JS 将数据保存在数据库中
- PHP:显示sqlite数据库中的html格式数据,使用tinymce保存
- 将数据保存到数据库(ajax/php)后,使文本字段变灰/禁用
- 获取用户位置并将坐标保存在数据库中
- ForerunnerDB将其数据库保存在哪里
- 如何在本地存储(或其他数据库)上安全地保存敏感访问代码
- 输入框值将保存到 MySQL 数据库
- 如何从重定向的支付处理器网站提取交易详细信息并保存到我的rails 4数据库
- 将javascript变量保存到数据库中
- ASP.NET MVC-如何捕获多个复杂的ListBox值并将其保存到数据库中
- jTinder保存到数据库
- 验证数据并将其保存到数据库以供实时应用程序使用的正确方法
- Angular js,在选择元素上,我想 POST 数据以将其保存在数据库中,然后我想使用 PUT 更新它而无需重新加载
- HTML5数据库保存了详细信息以及一个按钮
- 如何确保在 Mocha 中的 done() 之前执行对数据库的循环保存
- 索引数据库保存范围为
- 将动态输入表单数据保存到数据库kendoui中
- 从视图中调用MVC控制器中的HTTP POST方法'数据库保存
- Html5数据库保存'?!&等作为html5数据库中的特殊字符
- 数据库保存和检索最后保存的值