1、如图，改变发布状态
2、jsp代码
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <%@include file="/common/header.jsp"%> <title>信息发布管理</title> <script type="text/javascript"> //全选、全反选 function doSelectAll() { // jquery 1.6 前 //$("input[name=selectedRow]").attr("checked", $("#selAll").is(":checked")); //prop jquery 1.6+建议使用 $("input[name=selectedRow]").prop("checked", $("#selAll").is(":checked")); } //添加 function doAdd(){ document.forms[0].action="${basePath}nsfw/info_addUI.action"; document.forms[0].submit(); } //编辑 function doEdit(id){ document.forms[0].action="${basePath}nsfw/info_editUI.action?info.infoId=" + id; document.forms[0].submit(); } //删除 function doDelete(id){ document.forms[0].action="${basePath}nsfw/info_delete.action?info.infoId=" + id; document.forms[0].submit(); } //多选删除 function doDeleteAll(){ document.forms[0].action="${basePath}nsfw/info_deleteSelected.action"; document.forms[0].submit(); } //异步发布信息，信息的id及将要改成的信息状态 function doPublic(infoId,state){ //1、更新信息状态 $.ajax({ url:"${basePath}nsfw/info_publicInfo.action", data:{"info.infoId":infoId,"info.state":state}, type:"post", success:function(msg){ //2、更新状态栏，操作栏的显示值 if("更新状态成功" == msg){ if(state == 1){//说明信息状态已被改成发布，状态栏显示发布，操作栏显示停用 $("#show_"+infoId).html("发布"); $("#oper_"+infoId).html(‘<a href="javascript:doPublic(\‘‘+infoId+‘\‘,0)">停用</a>‘); }else{ $("#show_"+infoId).html("停用"); $("#oper_"+infoId).html(‘<a href="javascript:doPublic(\‘‘+infoId+‘\‘,1)">发布</a>‘); } }else{ alert("更新信息状态失败！"); } }, error:function(){ alert("更新信息状态失败！"); } }); } </script> </head> <body class="rightBody"> <form name="form1" action="" method="post"> <div class="p_d_1"> <div class="p_d_1_1"> <div class="content_info"> <div class="c_crumbs"><div><b></b><strong>信息发布管理</strong></div> </div> <div class="search_art"> <li> 信息标题：<s:textfield name="info.title" cssClass="s_text" id="infoTitle" cssStyle="width:160px;"/> </li> <li><input type="button" class="s_button" value="搜 索" onclick="doSearch()"/></li> <li style="float:right;"> <input type="button" value="新增" class="s_button" onclick="doAdd()"/> <input type="button" value="删除" class="s_button" onclick="doDeleteAll()"/> </li> </div> <div class="t_list" style="margin:0px; border:0px none;"> <table width="100%" border="0"> <tr class="t_tit"> <td width="30" align="center"><input type="checkbox" id="selAll" onclick="doSelectAll()" /></td> <td align="center">信息标题</td> <td width="120" align="center">信息分类</td> <td width="120" align="center">创建人</td> <td width="140" align="center">创建时间</td> <td width="80" align="center">状态</td> <td width="120" align="center">操作</td> </tr> <s:iterator value="infoList" status="st"> <tr <s:if test="#st.odd"> bgcolor="f8f8f8" </s:if> > <td align="center"><input type="checkbox" name="selectedRow" value="<s:property value=‘infoId‘/>"/></td> <td align="center"><s:property value="title"/></td> <td align="center"> <s:property value="#infoTypeMap[type]"/> </td> <td align="center"><s:property value="creator"/></td> <td align="center"><s:date name="createTime" format="yyyy-MM-dd HH:mm"/></td> <td id="show_<s:property value=‘infoId‘/>" align="center"><s:property value="state==1?‘发布‘:‘停用‘"/></td> <td align="center"> <span id="oper_<s:property value=‘infoId‘/>"> <s:if test="state==1"> <a href="javascript:doPublic(‘<s:property value=‘infoId‘/>‘,0)">停用</a> </s:if> <s:else> <a href="javascript:doPublic(‘<s:property value=‘infoId‘/>‘,1)">发布</a> </s:else> </span> <a href="javascript:doEdit(‘<s:property value=‘infoId‘/>‘)">编辑</a> <a href="javascript:doDelete(‘<s:property value=‘infoId‘/>‘)">删除</a> </td> </tr> </s:iterator> </table> </div> </div> <div class="c_pate" style="margin-top: 5px;"> <table width="100%" class="pageDown" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="right"> 总共1条记录，当前第 1 页，共 1 页 <a href="#">上一页</a> <a href="#">下一页</a> 到 <input type="text" style="width: 30px;" onkeypress="if(event.keyCode == 13){doGoPage(this.value);}" min="1" max="" value="1" /> </td> </tr> </table> </div> </div> </div> </form> </body> </html>
3、后台action处理代码
//异步发布信息 public void publicInfo(){ try { if(info != null){ //1、更新消息状态 Info tem = infoService.findObjectById(info.getInfoId()); tem.setState(info.getState()); infoService.update(tem); //2、输出更新结果 HttpServletResponse response = ServletActionContext.getResponse(); response.setContentType("text/html"); ServletOutputStream outputStream = response.getOutputStream(); outputStream.write("更新状态成功".getBytes("utf-8")); outputStream.close(); } } catch (Exception e) { // TODO Auto-generated catch block e.printStackTrace(); } }
原文：http://www.cnblogs.com/zd305826520/p/5294214.html