想做的是通过<a>标签删除一条记录,然后再刷新该DIV,应该是比较简单的局部刷新问题。但念在我是jquery超级新手,还请大侠们赐教啊。
JS:
function dodel(id){
$.get("${ctx}/exp/dele?id="+id,function(response){
alert('删除成功!');
$("#divID").empty();
});
return true;
}JSP:
<div id="divID">
<ul>
<s:iterator value="#request.XXXlist">
<li>${XXXXXX}<a href="#" onclick="dodel('${ID}');">删除</a></li>
</s:iterator>
</ul>
</div>
后台函数查询数据库后得到list,在通过setRequest的方法传值到前台。
我想做的是先把原来DIV清空,再把新的list显示,但具体怎么写JS代码的时候犯难了。
JS:
function dodel(id){
$.get("${ctx}/exp/dele?id="+id,function(response){
alert('删除成功!');
$("#divID").empty();
});
return true;
}JSP:
<div id="divID">
<ul>
<s:iterator value="#request.XXXlist">
<li>${XXXXXX}<a href="#" onclick="dodel('${ID}');">删除</a></li>
</s:iterator>
</ul>
</div>
后台函数查询数据库后得到list,在通过setRequest的方法传值到前台。
我想做的是先把原来DIV清空,再把新的list显示,但具体怎么写JS代码的时候犯难了。
要是按照你的思路,你可以再跳转一次,到本页面,然后还是去访问一次你的这个取list的servlet(action),得到list之后就可以显示出来了。要么就是这样,你清空这个div之后,再ajax一次后台,取出list,然后拼装成json,传回来之后,你可以用jquery给组织起来显示出来。
能否给个小例子?
挑一个a的属性,一般可以用name,设成是和li的id一样,也就是li1,li2,li3……这样。
然后点<a>的时候顺便去得到<a>的Name属性,然后就可以用
$("a").click(function(){
这边是ajax,成功之后
var aName = $(this).attr("name");//此处得到的是<a>的name属性,也就是li的id,因为之前设置成相同的
然后
$("#"+aName).remove();此时,这个li就被remove掉了。
});