比如以下代码:
<body>
<table id="tab" border="1" width="30%">
</table>
</body>
<script type="text/javascript">
$(function() {
$.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data){
console.info(data.table);
$("#tab").append(data.table);
})
alert($("#mytd").html()); //获取值
});
</script>
以上代码很简单,就是通过post从后台返回的值添加到table中 后台返回数据为 tr td id=’mytd’ 北京 /td td>深圳 /td /tr而我们要在post之后获取id为mytd的值, 此时是获取不到的,我们从浏览器中就可以观察出问题:
从以上可以看出在alert的时候 数据并还没有加载出来 控制台也并没有打印出信息,所以此时是取不到数据的。
使用ajaxComplete()方法可以在请求完成时运行要执行的代码,我们修改为如下:
$(function() {
$.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data){
console.info(data.table);
$("#tab").append(data.table);
})
$("#tab").ajaxComplete(function(){ //待请求完成时 执行
alert($("#mytd").html());
})
});
注意:complete方法是等待所有的ajax完成之后,所以如果有其他的ajax操作,可能会有所影响