Question

jsp table的局部刷新

jsp动态生成一个table表格，ajax或forme如何实现表单的局部刷新哇，请各位大神给点实列。或者别的方法也行，刚刚开始学习，请大家帮帮忙

Answer 1

实现局部刷新其实非常简单，看你需要哪种局部，单行、多行、单列、多列，而无需考虑。

单行和单列只需要给tr或者td标签添加id，通过id获取对象更新text属性即可，多行有四种种方式：

•  

• 给要更新的这些行添加相同的name，通过name批量给这些行删除td并重新添加td，更改新数据

•  

• 将要更新的行用div或分块的标签括起来，清空div重新创建这些tr及里面的td，重新填充数据

•  

• 全部更改，将除了列名之外的其他tr置于<tbody>标签中，刷新时清空tbody并重新创建tr及td，填充新数据。

•  

• 全部更改，将列名列定义在th标签中，数据行都是tr，批量获取tr并更新tr中的td即可

 

又不给钱，没空列这么多代码

Answer 2

function test(){
jsonSend("${ctx}/mmessage/selectSs",{bm:(${ksbmxx.GZDWSZS}+"")},function(xjds){
var str="<option type='text' value=''>请选择</option>";
if(xjds!=null && 0!=xjds.length){
for(var i=0;i<xjds.length;i++){
if(""!=${ksbmxx.GZDWSZSH}+"" && xjds[i].BM == ${ksbmxx.GZDWSZSH}+""){
str+="<option type='text' value='"+xjds[i].BM+"' selected='selected'>"+xjds[i].MC+"</option>";
}else{
str+="<option type='text' value='"+xjds[i].BM+"'>"+xjds[i].MC+"</option>";
}
}
}
$("#gzdwszsh").html(str);
});
}
这段js是没有问题的 你按照自己的需求改一下就可以了。
望采纳

Answer 3

ajax向服务器发送请求,并使用回调函数获取服务器返回的数据,可利用js或jquery将数据整理并将表单元素重构以显示处理后的数据,即可达到你要的局部刷新效果!

追问

能给个实列吗，初学者，思路是有了，但操作起来还是有问题。谢谢了

追答

现在上班，太忙了，不好意思哦，你上网多找找吧，不难的，祝你好运咯！

Answer 4

jsp中的table局部刷新就通过ajax异步刷新数据数显的。
jsp中ajax的写法：
function update (){
$.ajax(function(){
method:"post",
url:"DeleteAction",
data:xxxxx,
success: function(return) {
$("#tabelData").html(return);
}
});
}

jsp中table：

<table>
<tr>
<td>第一行</td>
<td><a onclick="updata()">更新</a></td>
</tr>
<table>
实现过程：点击表格的某一行数据，就触发更新动作，执行update方法。
update中调用ajax接口去后台取数据并刷新之前的记录。

Answer 5

网上有很多ajax的例子哇 找一个下几个JAR包 试试就出来了。