使用Ajax将数据添加到表行
使用Ajax将数据添加到表行
提问于 2013-10-10 10:55:44
我需要从java脚本向表中添加数据。Tha表位于同一个.jsp文件中，但脚本中没有。
AJAX调用
<script type="text/javascript">
function searchDetails() {
$.ajax({
type : "post",
data : {
'accountNo' : $(accNumber).val()
},
url : "/banking-internet/account-history/add",
cache : false,
success : function(data) {
var transactionList = data;
},
error : function(e) {
alert('Error: ' + e);
}
});
}
</script>表
<tr>
<th>Transaction Type</th>
<th>Amount</th>
<th class="hide-on-mobile">Description</th>
</tr>
<c:forEach var="transaction" items="${transactionList}">
<tr>
<td>${transaction.transactionDate}</td>
<td>${transaction.transactionType}</td>
<td>${transaction.accountNarration}</td>
</tr>
</c:forEach>值正确传递给数据。但我似乎无法从脚本获取外部值并使用它。
success : function(data) {
var transactionList = data;
},此部分正确地从控制器中获取值。
请帮帮忙
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-10-10 11:16:30
为表添加ID，如下所示：
<table id="test_table">那就叫这个：
success : function(data) {
var transactionList = data;
addRow ("test_table", transactionList);
},最后替换cellX.innerHtml = data.whatever_member_object；
<script language="javascript">
function addRow(tableID, data) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var cell1 = row.insertCell(0);
cell1.innerHtml = data;
var cell2 = row.insertCell(1);
cell2.innerHTML = data;
var cell3 = row.insertCell(2);
cell3.innerHTML = data;
}
</script>希望它能成功。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19293863
复制相关文章
相似问题
腾讯云开发者
