jsp实现局部刷新的一种方法

来源：互联网发布：我的兄弟姐妹网络歌曲编辑：程序博客网时间：2024/05/22 06:46

废话不多少，直接上代码：

如下：当点击停用按钮后，前一列启用状态，改为停用操作列的停用改为启用。

我要说的是其中一种实现方法是替换文本的方式：

jsp页面代码为：

<td id="sta${mac.id }"><c:if test="${mac.status==0 }">停用</c:if><c:if test="${mac.status==1 }">启用</c:if></td><td><span id="TQ${mac.id }" class="chakan" style="width:35px;float:left;">   <a href="javascript:openOrStop(${mac.id},${mac.status})"><c:if test="${mac.status==1 }">停用</c:if><c:if test="${mac.status==0 }">启用</c:if>   </a></span><span class="chakan" style="width:35px;float:left;">   <a href="javascript:macModify(${mac.id})">修改</a></span><span class="chakan" style="width:35px;float:left;">   <a href="javascript:macDelete(${mac.id})">删除</a></span></td>

js事件操作为：

function openOrStop(id,status){var sta ="";if(status == '0'){sta="启用";}else if(status == '1'){sta="停用";}mylandConfirmByFunc("停用/启用","确定要"+sta+"吗？",function yesFunc(){// window.location = "${pageContext.request.contextPath}/adminx/macManage!openOrStop.do?id="+id;var url = "${pageContext.request.contextPath}/adminx/macManage!openOrStop.do?id="+id;$.post(url,function(data){$("#sta"+id).text(sta);$("#TQ"+id).replaceWith(data);});mylandAlert("信息提示",sta+"成功!");},function noFunc(){},sta);}

action 后台代码：其中“macStatus”返回的是jsp局部片段的页面

public String openOrStop(){    //代码操作。。。。。。    return "macStatus";}

“”macStatus“” 页面代码为：（只是把要替换掉的jsp部分写进去就行）

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><%@ include file="/common/common.jsp"%><span id="TQ${mac.id }" class="chakan" style="width:35px;float:left;"><a href="javascript:openOrStop(${mac.id},${mac.status})"><c:if test="${mac.status==1 }">停用</c:if><c:if test="${mac.status==0 }">启用</c:if></a></span>

有问题可以给我留言。共同学习；

1 0