我目前遇到了一些问题,基本上我创建了一些populateModal()函数来用相应的html填充模态容器。它适用于populateModal3和populateModal4(功能相同但具有不同的url值)。
ajax返回json中的数据,并且在其他两个populateModal函数中完全正常。
这是函数的片段
$.ajax({
url: "transaction/get_transaction",
dataType: 'json'
}).done(function(data){
$('#transModalContainerDel, #transModalContainerEdit').empty();
console.log(data);
for (var i = 0; i < data.length; i++)
{
console.log('id data: ' + data[i].id);
theDelTransModal += 'id modal: ' + data[i].id;
//theDelTransModal += '<div id="transModalDel' + data[i].id + '" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="deleteTransaction" aria-hidden="true">';
//theDelTransModal += '<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h3 id="myModalLabel">Delete transaction?</h3></div>';
//theDelTransModal += '<div class="modal-body"><p>Are you sure you want to delete this transaction? Note that you can\'t undo this action.</p></div>';
//theDelTransModal += '<div class="modal-footer"><a class="btn" data-dismiss="modal" aria-hidden="true">Cancel</a><a href="transaction/delete_transaction/' + data[i].id + '" class="btn btn-primary" id="delete-trans" data-dismiss="modal">Delete</a></div>';
//theDelTransModal += '</div>';
//$('#transModalContainerDel').append(theDelTransModal);
console.log(theDelTransModal);
}
});
从上面的代码中可以看出,返回的数据是正确的json格式。但我尝试记录的id返回此值。
id data: 21
id modal: 21
id data: 22
id modal: 21id modal: 22
我不确定出了什么问题,因为这个功能非常适合其他网址。
提前致谢
答案 0 :(得分:0)
这只是因为字符串加入
theDelTransModal += 'id modal: ' + data[i].id;
等于:
theDelTransModal = theDelTransModal+ 'id modal: ' + data[i].id;
删除加即可。
答案 1 :(得分:0)
使用ajax成功方法
$.ajax({
url: "transaction/get_transaction",
dataType: 'json',
success:function(data){
$('#transModalContainerDel, #transModalContainerEdit').empty();
console.log(data);
for (var i = 0; i < data.length; i++)
{
console.log('id data: ' + data[i].id);
theDelTransModal += 'id modal: ' + data[i].id;
//theDelTransModal += '<div id="transModalDel' + data[i].id + '" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="deleteTransaction" aria-hidden="true">';
//theDelTransModal += '<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h3 id="myModalLabel">Delete transaction?</h3></div>';
//theDelTransModal += '<div class="modal-body"><p>Are you sure you want to delete this transaction? Note that you can\'t undo this action.</p></div>';
//theDelTransModal += '<div class="modal-footer"><a class="btn" data-dismiss="modal" aria-hidden="true">Cancel</a><a href="transaction/delete_transaction/' + data[i].id + '" class="btn btn-primary" id="delete-trans" data-dismiss="modal">Delete</a></div>';
//theDelTransModal += '</div>';
//$('#transModalContainerDel').append(theDelTransModal);
console.log(theDelTransModal);
}
}
});