【请教】页面上a连接,点击时,ajax如何增加<ul><li></ul></li>显示出来?

浏览:3342 发布日期:2014/02/08 分类:求助交流

页面上,一个a标签(如上图示)
<ul id="catetree">
<li><a href='' >{$parent.name}</a></li>
</ul>
点击,通过ajax的$.getJSON异步处理后,也得到了返回的数据集合。

listchild += '<li><a href=" "> ' + k.name + ' </a></li>' ;
【目标】如何点击这个a标签时,自动在</ul>前面,添加这个listchild变量。


$(document).ready(function(){
//alert(handleUrl); //是前页传来的U方法读取的控制器方法
$('#catetree').click(function(){
var obj=$(this);
//alert(obj);
$.getJSON( handleUrl ,{pid:parentid},function(data){
if(data){
//alert(data);
var listchild = '<ul>';
$.each(data,function(i, k){
listchild += '<li><a href=" "> ' + k.name + ' </a></li>' ;

});
listchild =listchild + '</ul>';
alert(listchild);
////////这里如何能在上面的</ul>前面,增加这个结果集呢?
$(this).appendChild(listchild);
}
},'josn');
})

})

//请路过的高人,帮助指点一下啊,不是太熟悉ajax用法。
先谢~~

附件 2.jpg ( 72.98 KB 下载:0 次 )

最佳答案
评论( 相关
后面还有条评论,点击查看>>