月轩居士

哪怕前路崎岖,也要勇敢前行!!!

【SSH项目实战】国税协同平台-20.异步信息发布


我们上次发表文章之后有一个“停用”和“发布”状态,

但是我们没有去做它的切换,所以在这里我们要用异步信息传输的方式去完成这个切换功能。

最后我们要的效果是点击“停用”或者“启用”的时候,在“状态”一栏会切换成“停用”或者“启用”。效果大概如此图:


我们使用Ajax异步处理这个操作。下面编码实现:
首先是在超链接部分添加判断,转向js方法doPublic(var id,var state),参数就是现在这个要改变状态的用户的id以及需要变成的状态。
[html] view plaincopy
  1. <td id="show_<s:property value='infoId'/>" align="center"><s:property value="state==1?'发布':'停用'"/></td>  
  2. <td align="center">  
  3.     <span id="oper_<s:property value='infoId'/>">  
  4.     <s:if test="state==1">  
  5.         <a href="javascript:doPublic('<s:property value='infoId'/>',0)">停用</a>  
  6.     </s:if><s:else>  
  7.         <a href="javascript:doPublic('<s:property value='infoId'/>',1)">发布</a>  
  8.     </s:else>  
  9.     </span>  
  10.     <a href="javascript:doEdit('<s:property value='infoId'/>')">编辑</a>  
  11.     <a href="javascript:doDelete('<s:property value='infoId'/>')">删除  
  12.   
  13. </a>  
  14. </td>  

doPublic这个javascript方法详细:
[javascript] view plaincopy
  1. //异步发布信息,信息的id以及将要改成的状态值  
  2. function doPublic(infoId,state){  
  3.     //1.更新信息状态  
  4.     $.ajax({  
  5.         url:"${basePath}tax/info_publicInfo.action",  
  6.         data:{"info.infoId":infoId,"info.state":state},  
  7.         type:"post",  
  8.         success:function(msg){  
  9.             //2.更新状态栏,操作栏的显示值  
  10.             if("更新状态成功"==msg){  
  11.                 if(state==1){  
  12.                     //说明信息状态已经被改成发布,操作栏被改为停用  
  13.                     $("#show_"+infoId).html("发布");  
  14.                     $("#oper_"+infoId).html('<a href="javascript:doPublic(\''+infoId+'\',0)">停用</a>');  
  15.                 }else{  
  16.                     $("#show_"+infoId).html("停用");  
  17.                     $("#oper_"+infoId).html('<a href="javascript:doPublic(\''+infoId+'\',1)">发布</a>');  
  18.                 }  
  19.             }else{  
  20.                 alert("更新信息状态失败!");  
  21.             }  
  22.         },  
  23.         error:function(){  
  24.             alert("更新信息状态失败!");  
  25.         }  
  26.     });  
  27.       
  28. }     

现在只差实现info_publicInfo.action方法:
在InfoAction中添加下面的方法
[java] view plaincopy
  1. //异步发布信息  
  2. public void publicInfo(){  
  3.     try {  
  4.         if (info != null) {  
  5.             //1.更新信息状态  
  6.             Info tem = infoService.findObjectById(info.getInfoId());  
  7.             tem.setState(info.getState());  
  8.             infoService.update(tem);  
  9.   
  10.   
  11.             //2.输出更新结果  
  12.             HttpServletResponse response = ServletActionContext  
  13.                     .getResponse();  
  14.             response.setContentType("text/html");  
  15.             ServletOutputStream outputStream = response.getOutputStream();  
  16.             outputStream.write("更新状态成功".getBytes("utf-8"));  
  17.             outputStream.close();  
  18.         }  
  19.     } catch (Exception e) {  
  20.         e.printStackTrace();  
  21.     }  
  22. }   

下面我们来测试:
首先我们的状态是“发布”,我们点击停用:


然后结果:

发现我们的状态已经改变

那么,到我们的数据库中查看,发现我们的state确实改变了:


至此我们的异步信息发布/停用状态更改功能完成!

阅读更多
个人分类: SSH项目实战
想对作者说点什么? 我来说一句

国税协同平台训练项目的完整代码

2017年11月29日 30.19MB 下载

tax国税协同平台

2017年10月23日 34.96MB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭