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

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

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

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


我们使用Ajax异步处理这个操作。下面编码实现:
首先是在超链接部分添加判断，转向js方法doPublic(var id,var state)，参数就是现在这个要改变状态的用户的id以及需要变成的状态。

[html]  view plain copy

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 plain copy

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 plain copy

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确实改变了:

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